<template>
    <div class="content">
        <div class="start">
            <el-select v-model="lang" placeholder="Choose Language">
                <el-option
                    label="中文"
                    value="cn"
                >
                </el-option>
                <el-option
                        label="Indonesia"
                        value="in"
                >
                </el-option>
            </el-select>
        </div>
        <div ref="print" id="print" style="padding: 20px">
            <div class="print-content">
                <h4 class="title">{{local.title}}</h4>
                <div class="table">
                    <!--客户基本信息-->
                    <div class="table-title">1.{{local.customerBasic}}</div>
                    <div class="flex">
                        <div class="f1 w2 br">
                            <div>{{local.formDate}}</div>
                        </div>
                        <div class="f2 w2 br" @click.stop="showEdit(form.submitDateStr)">
                            <el-date-picker v-if="form.submitDateStr.editable" v-model="form.submitDateStr.value"
                                            style="border: none" size="small" value-format="yyyy-MM-dd"
                                            @blur="closeEdit(form.submitDateStr)" autoforcus></el-date-picker>
                            <div v-else><span>{{form.submitDateStr.value}}</span></div>
                        </div>
                        <div class="f1 w2 br">
                            <div>{{local.salesMan}}</div>
                        </div>
                        <div class="f2 w2" @click.stop="showEdit(form.salesMan)">
                            <el-input v-if="form.salesMan.editable" v-model="form.salesMan.value" style="border: none"
                                      size="small" @blur="closeEdit(form.salesMan)" autoforcus></el-input>
                            <div v-else><span>{{form.salesMan.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f1 w2 br bt">
                            <div>{{local.customerName}}</div>
                        </div>
                        <div class="f5 w2 bt" @click.stop="showEdit(form.customerName)">
                            <el-input v-if="form.customerName.editable" v-model="form.customerName.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.customerName)" autoforcus></el-input>
                            <div v-else><span>{{form.customerName.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f1 w2 br bt">
                            <div>{{local.customerAddress}}</div>
                        </div>
                        <div class="f5 w2 bt" @click.stop="showEdit(form.customerAddress)">
                            <el-input v-if="form.customerAddress.editable" v-model="form.customerAddress.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.customerAddress)" autoforcus></el-input>
                            <div v-else><span>{{form.customerAddress.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f1 w2 br bt">
                            <div>{{local.contactInformation}}</div>
                        </div>
                        <div class="f5 w2 bt" @click.stop="showEdit(form.contactInformation)">
                            <el-input v-if="form.contactInformation.editable" v-model="form.contactInformation.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.contactInformation)" autoforcus></el-input>
                            <div v-else><span>{{form.contactInformation.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f3 w2 br bt">
                            <div>{{local.email}}</div>
                        </div>
                        <div class="f5 w2 br bt" @click.stop="showEdit(form.email)">
                            <el-input v-if="form.email.editable" v-model="form.email.value" style="border: none"
                                      size="small" @blur="closeEdit(form.email)" autoforcus></el-input>
                            <div v-else><span>{{form.email.value}}</span></div>
                        </div>
                        <div class="f3 w2 br bt">
                            <div>{{local.website}}</div>
                        </div>
                        <div class="f5 w2 bt" @click.stop="showEdit(form.website)">
                            <el-input v-if="form.website.editable" v-model="form.website.value" style="border: none"
                                      size="small" @blur="closeEdit(form.website)" autoforcus></el-input>
                            <div v-else><span>{{form.website.value}}</span></div>
                        </div>
                    </div>
                    <!--客户运营信息-->
                    <div class="table-title bt">2.{{local.operationalInformation}}</div>
                    <div class="flex">
                        <div class="f3 w2 br bt">
                            <div>{{local.operationalLocation}}</div>
                        </div>
                        <div class="f5 w2 br bt" @click.stop="showEdit(form.operationalLocation)">
                            <el-input v-if="form.operationalLocation.editable" v-model="form.operationalLocation.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.operationalLocation)" autoforcus></el-input>
                            <div v-else><span>{{form.operationalLocation.value}}</span></div>
                        </div>
                        <div class="f3 w2 br bt">
                            <div>{{local.belongIndustry}}</div>
                        </div>
                        <div class="f5 w2 bt" @click.stop="showEdit(form.belongIndustry)">
                            <el-input v-if="form.belongIndustry.editable" v-model="form.belongIndustry.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.belongIndustry)" autoforcus></el-input>
                            <div v-else><span>{{form.belongIndustry.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f1 w3 br bt">
                            <div>{{local.customerMainBusiness}}</div>
                        </div>
                        <div class="f5 w3 bt" @click.stop="showEdit(form.customerMainBusiness)">
                            <el-input v-if="form.customerMainBusiness.editable"
                                      v-model="form.customerMainBusiness.value" style="border: none"
                                      size="small" @blur="closeEdit(form.customerMainBusiness)" autoforcus></el-input>
                            <div v-else><span>{{form.customerMainBusiness.value}}</span></div>
                        </div>
                    </div>
                    <!--客户项目情况-->
                    <div class="table-title bt">3.{{local.customerProjectStatus}}</div>
                    <div class="flex">
                        <div class="f1 w2 br bt">
                            <div>{{local.projectSite}}</div>
                        </div>
                        <div class="f5 w2 bt" @click.stop="showEdit(form.projectSite)">
                            <el-input v-if="form.projectSite.editable" v-model="form.projectSite.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.projectSite)" autoforcus></el-input>
                            <div v-else><span>{{form.projectSite.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f1 w3 br bt">
                            <div>{{local.projectDescription}}</div>
                        </div>
                        <div class="f5 w3 bt" @click.stop="showEdit(form.projectDescription)">
                            <el-input v-if="form.projectDescription.editable" v-model="form.projectDescription.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.projectDescription)" autoforcus></el-input>
                            <div v-else><span>{{form.projectDescription.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f1 w4 br bt">
                            <div>{{local.operatingEquipment}}</div>
                        </div>
                        <div class="f5 w4 bt" @click.stop="showEdit(form.operatingEquipment)">
                            <el-input v-if="form.operatingEquipment.editable" v-model="form.operatingEquipment.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.operatingEquipment)" autoforcus></el-input>
                            <div v-else><span>{{form.operatingEquipment.value}}</span></div>
                        </div>
                    </div>
                    <!--客户财务信息-->
                    <div class="table-title bt">4.{{local.customerFinancialInformation}}</div>
                    <div class="flex">
                        <div class="f1 w2 br bt">
                            <div>{{local.taxCard}}</div>
                        </div>
                        <div class="f5 w2 bt" @click.stop="showEdit(form.taxCard)">
                            <el-input v-if="form.taxCard.editable" v-model="form.taxCard.value" style="border: none"
                                      size="small" @blur="closeEdit(form.taxCard)" autoforcus></el-input>
                            <div v-else><span>{{form.taxCard.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f1 w5 br bt">
                            <div>{{local.financialPosition}}</div>
                        </div>
                        <div class="f5 w5 bt" @click.stop="showEdit(form.financialPosition)">
                            <el-input v-if="form.financialPosition.editable" v-model="form.financialPosition.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.financialPosition)" autoforcus></el-input>
                            <div v-else><span>{{form.financialPosition.value}}</span></div>
                        </div>
                    </div>
                    <!--补充信息-->
                    <div class="table-title bt">5.{{local.supplement}}</div>
                    <div class="flex">
                        <div class="f1 w2 br bt">
                            <div>{{local.customerAdvantage}}</div>
                        </div>
                        <div class="f5 w2 bt" @click.stop="showEdit(form.customerAdvantage)">
                            <el-input v-if="form.customerAdvantage.editable" v-model="form.customerAdvantage.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.customerAdvantage)" autoforcus></el-input>
                            <div v-else><span>{{form.customerAdvantage.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f1 w2 br bt">
                            <div>{{local.customerPotential}}</div>
                        </div>
                        <div class="f5 w2 bt" @click.stop="showEdit(form.customerPotential)">
                            <el-input v-if="form.customerPotential.editable" v-model="form.customerPotential.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.customerPotential)" autoforcus></el-input>
                            <div v-else><span>{{form.customerPotential.value}}</span></div>
                        </div>
                    </div>

                </div>
            </div>
            <div style="page-break-after: always;"></div>
            <div class="print-content">
                <!--TODO page2-->
                <h4 class="title">{{local.title}}</h4>
                <div class="table">
                    <!--询价产品-->
                    <div class="table-title">6.{{local.inquiryProducts}}</div>
                    <div class="flex">
                        <div class="lf">
                            <div class="flex">
                                <div class="f1_5 w2 br bt">
                                    <div>{{local.deliveryDate}}</div>
                                </div>
                                <div class="f5 w2 br bt" @click.stop="showEdit(form.deliveryDateStr)">
                                    <el-date-picker v-if="form.deliveryDateStr.editable"
                                                    v-model="form.deliveryDateStr.value"
                                                    style="border: none" size="small" value-format="yyyy-MM-dd"
                                                    @blur="closeEdit(form.deliveryDateStr)" autoforcus></el-date-picker>
                                    <div v-else><span>{{form.deliveryDateStr.value}}</span></div>
                                </div>
                            </div>

                            <div class="flex">
                                <div class="f1_5 w2 br bt">
                                    <div>{{local.deliveryPlace}}</div>
                                </div>
                                <div class="f5 w2 br bt" @click.stop="showEdit(form.deliveryPlace)">
                                    <el-input v-if="form.deliveryPlace.editable" v-model="form.deliveryPlace.value"
                                              style="border: none"
                                              size="small" @blur="closeEdit(form.deliveryPlace)" autoforcus></el-input>
                                    <div v-else><span>{{form.deliveryPlace.value}}</span></div>
                                </div>
                            </div>

                            <div class="flex">
                                <div class="f1_5 w2 br bt">
                                    <div>{{local.paymentMethod}}</div>
                                </div>
                                <div class="f5 w2 br bt" @click.stop="showEdit(form.paymentMethod)">
                                    <el-input v-if="form.paymentMethod.editable" v-model="form.paymentMethod.value"
                                              style="border: none"
                                              size="small" @blur="closeEdit(form.paymentMethod)" autoforcus></el-input>
                                    <div v-else><span>{{form.paymentMethod.value}}</span></div>
                                </div>
                            </div>

                            <div class="flex">
                                <div class="f1_5 w5 br bt">
                                    <div>{{local.inquiryEquipment}}</div>
                                </div>
                                <div class="f5 w5 br bt" @click.stop="showEdit(form.inquiryEquipment)">
                                    <el-input v-if="form.inquiryEquipment.editable"
                                              v-model="form.inquiryEquipment.value" style="border: none"
                                              size="small" @blur="closeEdit(form.inquiryEquipment)"
                                              autoforcus></el-input>
                                    <div v-else><span>{{form.inquiryEquipment.value}}</span></div>
                                </div>
                            </div>

                            <div class="flex">
                                <div class="f1_5 w5 br bt">
                                    <div>{{local.inquiryParts}}</div>
                                </div>
                                <div class="f5 w5 br bt" @click.stop="showEdit(form.inquiryParts)">
                                    <el-input v-if="form.inquiryParts.editable" v-model="form.inquiryParts.value"
                                              style="border: none"
                                              size="small" @blur="closeEdit(form.inquiryParts)" autoforcus></el-input>
                                    <div v-else><span>{{form.inquiryParts.value}}</span></div>
                                </div>
                            </div>

                            <div class="flex">
                                <div class="f1_5 w5 br bt">
                                    <div>{{local.inquiryService}}</div>
                                </div>
                                <div class="f5 w5 br bt" @click.stop="showEdit(form.inquiryService)">
                                    <el-input v-if="form.inquiryService.editable" v-model="form.inquiryService.value"
                                              style="border: none"
                                              size="small" @blur="closeEdit(form.inquiryService)" autoforcus></el-input>
                                    <div v-else><span>{{form.inquiryService.value}}</span></div>
                                </div>
                            </div>
                        </div>
                        <div class="rgt">
                            <div class="flex">
                                <div class="f1 w2 bt">
                                    <div class="txtCenter">{{local.remarks}}</div>
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f5 bt" style="height: 247px;" @click.stop="showEdit(form.remarks)">
                                    <el-input type="textarea" rows="12" v-if="form.remarks.editable"
                                              v-model="form.remarks.value" style="border: none;"
                                              size="small" @blur="closeEdit(form.remarks)" autoforcus></el-input>
                                    <div v-else><span>{{form.remarks.value}}</span></div>
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="flex">
                        <div class="f1 w5 br bt" style="flex: 0.96">
                            <div>{{local.remarks}}</div>
                        </div>
                        <div class="f5 w5 br bt" @click.stop="showEdit(form.remarksSecond)" style="flex:4.6">
                            <el-input v-if="form.remarksSecond.editable" v-model="form.remarksSecond.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.remarksSecond)" autoforcus></el-input>
                            <div v-else><span>{{form.remarksSecond.value}}</span></div>
                        </div>
                    </div>

                    <!--*****************************第一次添加***************************-->
                    <div class="flex bt" style="justify-content: flex-end">
                        <el-button @click="salesProcessBtn()" size="medium" type="success">确认</el-button>
                    </div>

                    <!--第一次报价-->
                    <div class="table-title bg1 bt">7.{{local.firstQuotation}}</div>
                    <div class="flex">
                        <div class="f6 w2 br bt" style="flex: 2.5">
                            <div>{{local.firstDeliveryDate}}</div>
                        </div>
                        <div class="f3_7 w2 br bt" @click.stop="showEdit(form.firstDeliveryDateStr)" style="flex:7.5">
                            <el-date-picker v-if="form.firstDeliveryDateStr.editable"
                                            v-model="form.firstDeliveryDateStr.value"
                                            style="border: none" size="small" value-format="yyyy-MM-dd"
                                            @blur="closeEdit(form.firstDeliveryDateStr)" autoforcus></el-date-picker>
                            <div v-else><span>{{form.firstDeliveryDateStr.value}}</span></div>
                        </div>

                        <div class="f3 w2 " style="flex: 3">
                            <div>{{local.firstQuoter}}</div>
                        </div>
                        <div class="f3 w2" style="flex:1" @click.stop="showEdit(form.firstQuoter)">
                            <el-input v-if="form.firstQuoter.editable" v-model="form.firstQuoter.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.firstQuoter)" autoforcus></el-input>
                            <div v-else><span>{{form.firstQuoter.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="w2 br bt" style="flex: 2.5">
                            <div>{{local.firstDeliveryPlace}}</div>
                        </div>
                        <div class="f5 w2 br bt" @click.stop="showEdit(form.firstDeliveryPlace)" style="flex:7.5">
                            <el-input v-if="form.firstDeliveryPlace.editable" v-model="form.firstDeliveryPlace.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.firstDeliveryPlace)" autoforcus></el-input>
                            <div v-else><span>{{form.firstDeliveryPlace.value}}</span></div>
                        </div>

                        <div class="f w2 " style="flex: 2">
                            <div>{{local.firstAuditor}}</div>
                        </div>
                        <div class="f5 w2" @click.stop="showEdit(form.firstAuditor)" style="flex:2">
                            <el-input v-if="form.firstAuditor.editable" v-model="form.firstAuditor.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.firstAuditor)" autoforcus></el-input>
                            <div v-else><span>{{form.firstAuditor.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f6 w2 br bt" style="flex: 2.5">
                            <div>{{local.firstPaymentMethod}}</div>
                        </div>
                        <div class="f5 w2 br bt" @click.stop="showEdit(form.firstPaymentMethod)" style="flex:7.5">
                            <el-input v-if="form.firstPaymentMethod.editable" v-model="form.firstPaymentMethod.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.firstPaymentMethod)" autoforcus></el-input>
                            <div v-else><span>{{form.firstPaymentMethod.value}}</span></div>
                        </div>

                        <div class="f1 w2 " style="flex: 2">
                            <div>{{local.firstDate}}</div>
                        </div>
                        <div class="f5 w2" @click.stop="showEdit(form.firstDateStr)" style="flex: 2;    ">
                            <el-date-picker v-if="form.firstDateStr.editable" v-model="form.firstDateStr.value"
                                            style="border: none;width: 145px" size="small" value-format="yyyy-MM-dd"
                                            @blur="closeEdit(form.firstDateStr)" autoforcus></el-date-picker>
                            <div v-else><span>{{form.firstDateStr.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f6 w5 br bt" style="flex: 2.5">
                            <div>{{local.firstInquiryEquipment}}</div>
                        </div>
                        <div class="f5 w5 br bt" @click.stop="showEdit(form.firstInquiryEquipment)" style="flex:7.5">
                            <el-input v-if="form.firstInquiryEquipment.editable"
                                      v-model="form.firstInquiryEquipment.value" style="border: none"
                                      size="small" @blur="closeEdit(form.firstInquiryEquipment)" autoforcus></el-input>
                            <div v-else><span>{{form.firstInquiryEquipment.value}}</span></div>
                        </div>

                        <div class="f1 w5  bt" style="flex: 1">
                            <div>{{local.firstEquipmentPrice}}</div>
                        </div>
                        <div class="f5 w5  bt" @click.stop="showEdit(form.firstEquipmentPrice)" style="flex:3">
                            <el-input v-if="form.firstEquipmentPrice.editable" v-model="form.firstEquipmentPrice.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.firstEquipmentPrice)" autoforcus></el-input>
                            <div v-else><span>{{form.firstEquipmentPrice.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f6 w5 br bt" style="flex: 2.5">
                            <div>{{local.firstInquiryParts}}</div>
                        </div>
                        <div class="f5 w5 br bt" @click.stop="showEdit(form.firstInquiryParts)" style="flex:7.5">
                            <el-input v-if="form.firstInquiryParts.editable" v-model="form.firstInquiryParts.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.firstInquiryParts)" autoforcus></el-input>
                            <div v-else><span>{{form.firstInquiryParts.value}}</span></div>
                        </div>

                        <div class="f1 w5 bt" style="flex: 1">
                            <div>{{local.firstPartsPrice}}</div>
                        </div>
                        <div class="f5 w5 bt" @click.stop="showEdit(form.firstPartsPrice)" style="flex:3">
                            <el-input v-if="form.firstPartsPrice.editable" v-model="form.firstPartsPrice.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.firstPartsPrice)" autoforcus></el-input>
                            <div v-else><span>{{form.firstPartsPrice.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f6 w5 br bt" style="flex: 2.5">
                            <div>{{local.firstInquiryService}}</div>
                        </div>
                        <div class="f5 w5 br bt" @click.stop="showEdit(form.firstInquiryService)" style="flex:7.5">
                            <el-input v-if="form.firstInquiryService.editable" v-model="form.firstInquiryService.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.firstInquiryService)" autoforcus></el-input>
                            <div v-else><span>{{form.firstInquiryService.value}}</span></div>
                        </div>

                        <div class="f1 w5 bt" style="flex: 1">
                            <div>{{local.firstServicePrice}}</div>
                        </div>
                        <div class="f5 w5 bt" @click.stop="showEdit(form.firstServicePrice)" style="flex:3">
                            <el-input v-if="form.firstServicePrice.editable" v-model="form.firstServicePrice.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.firstServicePrice)" autoforcus></el-input>
                            <div v-else><span>{{form.firstServicePrice.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f1 w5 br bt" style="flex: 2.5">
                            <div>{{local.remarks}}</div>
                        </div>
                        <div class="f5 w5 br bt" @click.stop="showEdit(form.firstRemarks)" style="flex:11.5">
                            <el-input v-if="form.firstRemarks.editable" v-model="form.firstRemarks.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.firstRemarks)" autoforcus></el-input>
                            <div v-else><span>{{form.firstRemarks.value}}</span></div>
                        </div>
                    </div>

                </div>
            </div>
            <div style="page-break-after: always;"></div>

            <div class="print-content">
                <h4 class="title">{{local.title}}</h4>
                <!--TODO page3-->
                <div class="table">
                    <!--第二次报价-->
                    <div class="table-title bg1 bt">8.{{local.secondQuotation}}</div>
                    <div class="flex">
                        <div class="f6 w2 br bt" style="flex: 2.5">
                            <div>{{local.firstDeliveryDate}}</div>
                        </div>
                        <div class="f3_7 w2 br bt" @click.stop="showEdit(form.secondDeliveryDateStr)" style="flex:7.5">
                            <el-date-picker v-if="form.secondDeliveryDateStr.editable"
                                            v-model="form.secondDeliveryDateStr.value"
                                            style="border: none" size="small" value-format="yyyy-MM-dd"
                                            @blur="closeEdit(form.secondDeliveryDateStr)" autoforcus></el-date-picker>
                            <div v-else><span>{{form.secondDeliveryDateStr.value}}</span></div>
                        </div>

                        <div class="f2 w2 " style="flex: 3">
                            <div>{{local.firstQuoter}}</div>
                        </div>
                        <div class="f2 w2" style="flex:1" @click.stop="showEdit(form.secondQuoter)">
                            <el-input v-if="form.secondQuoter.editable" v-model="form.secondQuoter.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.secondQuoter)" autoforcus></el-input>
                            <div v-else><span>{{form.secondQuoter.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="w2 br bt" style="flex: 2.5">
                            <div>{{local.firstDeliveryPlace}}</div>
                        </div>
                        <div class="f5 w2 br bt" @click.stop="showEdit(form.secondDeliveryPlace)" style="flex:7.5">
                            <el-input v-if="form.secondDeliveryPlace.editable" v-model="form.secondDeliveryPlace.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.secondDeliveryPlace)" autoforcus></el-input>
                            <div v-else><span>{{form.secondDeliveryPlace.value}}</span></div>
                        </div>

                        <div class="w2 " style="flex: 2">
                            <div>{{local.firstAuditor}}</div>
                        </div>
                        <div class="f2 w2" style="flex:2" @click.stop="showEdit(form.secondAuditor)">
                            <el-input v-if="form.secondAuditor.editable" v-model="form.secondAuditor.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.secondAuditor)" autoforcus></el-input>
                            <div v-else><span>{{form.secondAuditor.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f6 w2 br bt" style="flex: 2.5">
                            <div>{{local.firstPaymentMethod}}</div>
                        </div>
                        <div class="f5 w2 br bt" @click.stop="showEdit(form.secondPaymentMethod)" style="flex:7.5">
                            <el-input v-if="form.secondPaymentMethod.editable" v-model="form.secondPaymentMethod.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.secondPaymentMethod)" autoforcus></el-input>
                            <div v-else><span>{{form.secondPaymentMethod.value}}</span></div>
                        </div>

                        <div class="f1 w2 " style="flex: 2">
                            <div>{{local.firstDate}}</div>
                        </div>
                        <div class="f5 w2" @click.stop="showEdit(form.secondDateStr)" style="flex:2">
                            <el-date-picker v-if="form.secondDateStr.editable" v-model="form.secondDateStr.value"
                                            style="border: none;width: 145px" size="small" value-format="yyyy-MM-dd"
                                            @blur="closeEdit(form.secondDateStr)" autoforcus></el-date-picker>
                            <div v-else><span>{{form.secondDateStr.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f6 w5 br bt" style="flex: 2.5">
                            <div>{{local.firstInquiryEquipment}}</div>
                        </div>
                        <div class="f5 w5 br bt" @click.stop="showEdit(form.secondInquiryEquipment)" style="flex:7.5">
                            <el-input v-if="form.secondInquiryEquipment.editable"
                                      v-model="form.secondInquiryEquipment.value" style="border: none"
                                      size="small" @blur="closeEdit(form.secondInquiryEquipment)" autoforcus></el-input>
                            <div v-else><span>{{form.secondInquiryEquipment.value}}</span></div>
                        </div>

                        <div class="f1 w5  bt" style="flex: 1">
                            <div>{{local.firstEquipmentPrice}}</div>
                        </div>
                        <div class="f5 w5  bt" @click.stop="showEdit(form.secondEquipmentPrice)" style="flex:3">
                            <el-input v-if="form.secondEquipmentPrice.editable"
                                      v-model="form.secondEquipmentPrice.value" style="border: none"
                                      size="small" @blur="closeEdit(form.secondEquipmentPrice)" autoforcus></el-input>
                            <div v-else><span>{{form.secondEquipmentPrice.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f6 w5 br bt" style="flex: 2.5">
                            <div>{{local.firstInquiryParts}}</div>
                        </div>
                        <div class="f5 w5 br bt" @click.stop="showEdit(form.secondInquiryParts)" style="flex:7.5">
                            <el-input v-if="form.secondInquiryParts.editable" v-model="form.secondInquiryParts.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.secondInquiryParts)" autoforcus></el-input>
                            <div v-else><span>{{form.secondInquiryParts.value}}</span></div>
                        </div>

                        <div class="f1 w5 bt" style="flex: 1">
                            <div>{{local.firstPartsPrice}}</div>
                        </div>
                        <div class="f5 w5 bt" @click.stop="showEdit(form.secondPartsPrice)" style="flex:3">
                            <el-input v-if="form.secondPartsPrice.editable" v-model="form.secondPartsPrice.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.secondPartsPrice)" autoforcus></el-input>
                            <div v-else><span>{{form.secondPartsPrice.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f6 w5 br bt" style="flex: 2.5">
                            <div>{{local.firstInquiryService}}</div>
                        </div>
                        <div class="f5 w5 br bt" @click.stop="showEdit(form.secondInquiryService)" style="flex:7.5">
                            <el-input v-if="form.secondInquiryService.editable"
                                      v-model="form.secondInquiryService.value" style="border: none"
                                      size="small" @blur="closeEdit(form.secondInquiryService)" autoforcus></el-input>
                            <div v-else><span>{{form.secondInquiryService.value}}</span></div>
                        </div>

                        <div class="f1 w5 bt" style="flex: 1">
                            <div>{{local.firstServicePrice}}</div>
                        </div>
                        <div class="f5 w5 bt" @click.stop="showEdit(form.secondServicePrice)" style="flex:3">
                            <el-input v-if="form.secondServicePrice.editable" v-model="form.secondServicePrice.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.secondServicePrice)" autoforcus></el-input>
                            <div v-else><span>{{form.secondServicePrice.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f1 w5 br bt" style="flex: 2.5">
                            <div>{{local.remarks}}</div>
                        </div>
                        <div class="f5 w5 br bt" @click.stop="showEdit(form.secondRemarks)" style="flex:11.5">
                            <el-input v-if="form.secondRemarks.editable" v-model="form.secondRemarks.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.secondRemarks)" autoforcus></el-input>
                            <div v-else><span>{{form.secondRemarks.value}}</span></div>
                        </div>
                    </div>
                    <!--第三次报价-->
                    <div class="table-title bg1 bt">9.{{local.thirdQuotation}}</div>
                    <div class="flex">
                        <div class="f6 w2 br bt" style="flex: 2.5">
                            <div>{{local.firstDeliveryDate}}</div>
                        </div>
                        <div class="f3_7 w2 br bt" @click.stop="showEdit(form.thirdDeliveryDateStr)" style="flex:7.5">
                            <el-date-picker v-if="form.thirdDeliveryDateStr.editable"
                                            v-model="form.thirdDeliveryDateStr.value"
                                            style="border: none" size="small" value-format="yyyy-MM-dd"
                                            @blur="closeEdit(form.thirdDeliveryDateStr)" autoforcus></el-date-picker>
                            <div v-else><span>{{form.thirdDeliveryDateStr.value}}</span></div>
                        </div>

                        <div class="f2 w2 " style="flex: 3">
                            <div>{{local.firstQuoter}}</div>
                        </div>
                        <div class="f2 w2" style="flex:1" @click.stop="showEdit(form.thirdQuoter)">
                            <el-input v-if="form.thirdQuoter.editable" v-model="form.thirdQuoter.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.thirdQuoter)" autoforcus></el-input>
                            <div v-else><span>{{form.thirdQuoter.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="w2 br bt" style="flex:2.5">
                            <div>{{local.firstDeliveryPlace}}</div>
                        </div>
                        <div class="f5 w2 br bt" @click.stop="showEdit(form.thirdDeliveryPlace)" style="flex:7.5">
                            <el-input v-if="form.thirdDeliveryPlace.editable" v-model="form.thirdDeliveryPlace.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.thirdDeliveryPlace)" autoforcus></el-input>
                            <div v-else><span>{{form.thirdDeliveryPlace.value}}</span></div>
                        </div>

                        <div class="f w2 " style="flex: 2">
                            <div>{{local.firstAuditor}}</div>
                        </div>
                        <div class="f5 w2" @click.stop="showEdit(form.thirdAuditor)" style="flex:2">
                            <el-input v-if="form.thirdAuditor.editable" v-model="form.thirdAuditor.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.thirdAuditor)" autoforcus></el-input>
                            <div v-else><span>{{form.thirdAuditor.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f6 w2 br bt" style="flex: 2.5">
                            <div>{{local.firstPaymentMethod}}</div>
                        </div>
                        <div class="f5 w2 br bt" @click.stop="showEdit(form.thirdPaymentMethod)" style="flex:7.5">
                            <el-input v-if="form.thirdPaymentMethod.editable" v-model="form.thirdPaymentMethod.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.thirdPaymentMethod)" autoforcus></el-input>
                            <div v-else><span>{{form.thirdPaymentMethod.value}}</span></div>
                        </div>

                        <div class="f1 w2 " style="flex: 2">
                            <div>{{local.firstDate}}</div>
                        </div>
                        <div class="f5 w2" @click.stop="showEdit(form.thirdDateStr)" style="flex:2">
                            <el-date-picker v-if="form.thirdDateStr.editable" v-model="form.thirdDateStr.value"
                                            style="border: none;width: 145px" size="small" value-format="yyyy-MM-dd"
                                            @blur="closeEdit(form.thirdDateStr)" autoforcus></el-date-picker>
                            <div v-else><span>{{form.thirdDateStr.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f6 w5 br bt" style="flex: 2.5">
                            <div>{{local.firstInquiryEquipment}}</div>
                        </div>
                        <div class="f5 w5 br bt" @click.stop="showEdit(form.thirdInquiryEquipment)" style="flex:7.5">
                            <el-input v-if="form.thirdInquiryEquipment.editable"
                                      v-model="form.thirdInquiryEquipment.value" style="border: none"
                                      size="small" @blur="closeEdit(form.thirdInquiryEquipment)" autoforcus></el-input>
                            <div v-else><span>{{form.thirdInquiryEquipment.value}}</span></div>
                        </div>

                        <div class="f1 w5  bt" style="flex: 1">
                            <div>{{local.firstEquipmentPrice}}</div>
                        </div>
                        <div class="f5 w5  bt" @click.stop="showEdit(form.thirdEquipmentPrice)" style="flex:3">
                            <el-input v-if="form.thirdEquipmentPrice.editable" v-model="form.thirdEquipmentPrice.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.thirdEquipmentPrice)" autoforcus></el-input>
                            <div v-else><span>{{form.thirdEquipmentPrice.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f6 w5 br bt" style="flex: 2.5">
                            <div>{{local.firstInquiryParts}}</div>
                        </div>
                        <div class="f5 w5 br bt" @click.stop="showEdit(form.thirdInquiryParts)" style="flex:7.5">
                            <el-input v-if="form.thirdInquiryParts.editable" v-model="form.thirdInquiryParts.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.thirdInquiryParts)" autoforcus></el-input>
                            <div v-else><span>{{form.thirdInquiryParts.value}}</span></div>
                        </div>

                        <div class="f1 w5 bt" style="flex: 1">
                            <div>{{local.firstPartsPrice}}</div>
                        </div>
                        <div class="f5 w5 bt" @click.stop="showEdit(form.thirdPartsPrice)" style="flex:3">
                            <el-input v-if="form.thirdPartsPrice.editable" v-model="form.thirdPartsPrice.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.thirdPartsPrice)" autoforcus></el-input>
                            <div v-else><span>{{form.thirdPartsPrice.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f6 w5 br bt" style="flex: 2.5">
                            <div>{{local.firstInquiryService}}</div>
                        </div>
                        <div class="f5 w5 br bt" @click.stop="showEdit(form.thirdInquiryService)" style="flex:7.5">
                            <el-input v-if="form.thirdInquiryService.editable" v-model="form.thirdInquiryService.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.thirdInquiryService)" autoforcus></el-input>
                            <div v-else><span>{{form.thirdInquiryService.value}}</span></div>
                        </div>

                        <div class="f1 w5 bt" style="flex: 1">
                            <div>{{local.firstServicePrice}}</div>
                        </div>
                        <div class="f5 w5 bt" @click.stop="showEdit(form.thirdServicePrice)" style="flex:3">
                            <el-input v-if="form.thirdServicePrice.editable" v-model="form.thirdServicePrice.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.thirdServicePrice)" autoforcus></el-input>
                            <div v-else><span>{{form.thirdServicePrice.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f1 w5 br bt" style="flex: 2.5">
                            <div>{{local.remarks}}</div>
                        </div>
                        <div class="f5 w5 br bt" @click.stop="showEdit(form.thirdRemarks)" style="flex:11.5">
                            <el-input v-if="form.thirdRemarks.editable" v-model="form.thirdRemarks.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.thirdRemarks)" autoforcus></el-input>
                            <div v-else><span>{{form.thirdRemarks.value}}</span></div>
                        </div>
                    </div>

                    <!--*****************************第二次添加***************************-->
                    <div class="flex bt" style="justify-content: flex-end">
                        <el-button @click="quotationProcessBtn()" size="medium" type="success">确认</el-button>
                    </div>
                </div>

            </div>
            <div style="page-break-after: always;"></div>

            <div class="print-content">
                <h4 class="title">{{local.title}}</h4>
                <!--TODO page4-->
                <div class="table">
                    <!--合同产品-->
                    <div class="table-title bg2 bt">10.{{local.contractualProduct}}</div>
                    <div class="flex">
                        <div class="f1 w2 br">
                            <div>{{local.productDeliveryDate}}</div>
                        </div>
                        <div class="f2 w2 br" @click.stop="showEdit(form.productDeliveryDateStr)">
                            <el-date-picker v-if="form.productDeliveryDateStr.editable"
                                            v-model="form.productDeliveryDateStr.value"
                                            style="border: none" size="small" value-format="yyyy-MM-dd"
                                            @blur="closeEdit(form.productDeliveryDateStr)" autoforcus></el-date-picker>
                            <div v-else><span>{{form.productDeliveryDateStr.value}}</span></div>
                        </div>
                        <div class="f1 w2 br">
                            <div>{{local.freight}}</div>
                        </div>
                        <div class="f2 w2" @click.stop="showEdit(form.freight)">
                            <el-input v-if="form.freight.editable" v-model="form.freight.value" style="border: none"
                                      size="small" @blur="closeEdit(form.freight)" autoforcus></el-input>
                            <div v-else><span>{{form.freight.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f1 w2 br bt">
                            <div>{{local.DeliveryPlace}}</div>
                        </div>
                        <div class="f5 w2 bt" @click.stop="showEdit(form.DeliveryPlace)">
                            <el-input v-if="form.DeliveryPlace.editable" v-model="form.DeliveryPlace.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.DeliveryPlace)" autoforcus></el-input>
                            <div v-else><span>{{form.DeliveryPlace.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f1 w2 br bt">
                            <div>{{local.otherFreight}}</div>
                        </div>
                        <div class="f2 w2 br bt" @click.stop="showEdit(form.otherFreight)">
                            <el-input v-if="form.otherFreight.editable" v-model="form.otherFreight.value"
                                      style="border: none" size="small" value-format="yyyy-MM-dd"
                                      @blur="closeEdit(form.otherFreight)" autoforcus></el-input>
                            <div v-else><span>{{form.otherFreight.value}}</span></div>
                        </div>
                        <div class="f1 w2 br bt">
                            <div>{{local.Commission}}</div>
                        </div>
                        <div class="f2 w2 bt" @click.stop="showEdit(form.Commission)">
                            <el-input v-if="form.Commission.editable" v-model="form.Commission.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.Commission)" autoforcus></el-input>
                            <div v-else><span>{{form.Commission.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f1 w5 br bt">
                            <div>{{local.equipment}}</div>
                        </div>
                        <div class="f2 w5 br bt" @click.stop="showEdit(form.equipment)">
                            <el-input v-if="form.equipment.editable" v-model="form.equipment.value"
                                      style="border: none" size="small" value-format="yyyy-MM-dd"
                                      @blur="closeEdit(form.equipment)" autoforcus></el-input>
                            <div v-else><span>{{form.equipment.value}}</span></div>
                        </div>
                        <div class="f1 w5 br bt">
                            <div>{{local.unitPriceExcludesTax}}</div>
                        </div>
                        <div class="f2 w5 bt" @click.stop="showEdit(form.unitPriceExcludesTax)">
                            <el-input v-if="form.unitPriceExcludesTax.editable"
                                      v-model="form.unitPriceExcludesTax.value" style="border: none"
                                      size="small" @blur="closeEdit(form.unitPriceExcludesTax)" autoforcus></el-input>
                            <div v-else><span>{{form.unitPriceExcludesTax.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f1 w5 br bt">
                            <div>{{local.parts}}</div>
                        </div>
                        <div class="f2 w5 br bt" @click.stop="showEdit(form.parts)">
                            <el-input v-if="form.parts.editable" v-model="form.parts.value"
                                      style="border: none" size="small" value-format="yyyy-MM-dd"
                                      @blur="closeEdit(form.parts)" autoforcus></el-input>
                            <div v-else><span>{{form.parts.value}}</span></div>
                        </div>
                        <div class="f1 w5 br bt">
                            <div>{{local.totalTaxFreePrice}}</div>
                        </div>
                        <div class="f2 w5 bt" @click.stop="showEdit(form.totalTaxFreePrice)">
                            <el-input v-if="form.totalTaxFreePrice.editable" v-model="form.totalTaxFreePrice.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.totalTaxFreePrice)" autoforcus></el-input>
                            <div v-else><span>{{form.totalTaxFreePrice.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f1 w5 br bt">
                            <div>{{local.service}}</div>
                        </div>
                        <div class="f2 w5 br bt" @click.stop="showEdit(form.service)">
                            <el-input v-if="form.service.editable" v-model="form.service.value"
                                      style="border: none" size="small" value-format="yyyy-MM-dd"
                                      @blur="closeEdit(form.service)" autoforcus></el-input>
                            <div v-else><span>{{form.service.value}}</span></div>
                        </div>
                        <div class="f1 w5 br bt">
                            <div>{{local.totalTaxFreePrice}}</div>
                        </div>
                        <div class="f2 w5 bt" @click.stop="showEdit(form.serviceTotalTaxFreePrice)">
                            <el-input v-if="form.serviceTotalTaxFreePrice.editable"
                                      v-model="form.serviceTotalTaxFreePrice.value" style="border: none"
                                      size="small" @blur="closeEdit(form.serviceTotalTaxFreePrice)"
                                      autoforcus></el-input>
                            <div v-else><span>{{form.serviceTotalTaxFreePrice.value}}</span></div>
                        </div>
                    </div>

                    <div class="flex">
                        <div class="lf1  bt br w8">
                            <div>{{local.financialPaymentMethod}}</div>
                        </div>
                        <div class="rgt1 bt" style="flex: 10">
                            <div class="flex">
                                <div class="f1 w2 br" style="flex: 0.99">
                                    <div>{{local.netPrice}}</div>
                                </div>
                                <div class="f1 w2 br" @click.stop="showEdit(form.netPrice)">
                                    <el-input v-if="form.netPrice.editable" v-model="form.netPrice.value"
                                              style="border: none"
                                              size="small" @blur="closeEdit(form.netPrice)" autoforcus></el-input>
                                    <div v-else><span>{{form.netPrice.value}}</span></div>
                                </div>
                                <div class="f1 w2 br">
                                    <div>{{local.financialPaymentMethod}}</div>
                                </div>
                                <div class="f2 w2" @click.stop="showEdit(form.netPriceFinancialPaymentMethod)">
                                    <el-input v-if="form.netPriceFinancialPaymentMethod.editable"
                                              v-model="form.netPriceFinancialPaymentMethod.value" style="border: none"
                                              size="small" @blur="closeEdit(form.netPriceFinancialPaymentMethod)"
                                              autoforcus></el-input>
                                    <div v-else><span>{{form.netPriceFinancialPaymentMethod.value}}</span></div>
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br bt" style="flex: 0.99">
                                    <div>{{local.taxation}}</div>
                                </div>
                                <div class="f1 w2 br bt" @click.stop="showEdit(form.taxation)">
                                    <el-input v-if="form.taxation.editable" v-model="form.taxation.value"
                                              style="border: none"
                                              size="small" @blur="closeEdit(form.taxation)" autoforcus></el-input>
                                    <div v-else><span>{{form.taxation.value}}</span></div>
                                </div>
                                <div class="f1 w2 br bt">
                                    <div>{{local.financialPaymentMethod}}</div>
                                </div>
                                <div class="f2 w2 bt" @click.stop="showEdit(form.taxationFinancialPaymentMethod)">
                                    <el-input v-if="form.taxationFinancialPaymentMethod.editable"
                                              v-model="form.taxationFinancialPaymentMethod.value" style="border: none"
                                              size="small" @blur="closeEdit(form.taxationFinancialPaymentMethod)"
                                              autoforcus></el-input>
                                    <div v-else><span>{{form.taxationFinancialPaymentMethod.value}}</span></div>
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br bt" style="flex: 0.99">
                                    <div>{{local.downPayments}}</div>
                                </div>
                                <div class="f1 w2 br bt" @click.stop="showEdit(form.downPayments)">
                                    <el-input v-if="form.downPayments.editable" v-model="form.downPayments.value"
                                              style="border: none"
                                              size="small" @blur="closeEdit(form.downPayments)" autoforcus></el-input>
                                    <div v-else><span>{{form.downPayments.value}}</span></div>
                                </div>
                                <div class="f1 w2 br bt">
                                    <div>{{local.financialPaymentMethod}}</div>
                                </div>
                                <div class="f2 w2 bt" @click.stop="showEdit(form.downPaymentsFinancialPaymentMethod)">
                                    <el-input v-if="form.downPaymentsFinancialPaymentMethod.editable"
                                              v-model="form.downPaymentsFinancialPaymentMethod.value"
                                              style="border: none"
                                              size="small" @blur="closeEdit(form.downPaymentsFinancialPaymentMethod)"
                                              autoforcus></el-input>
                                    <div v-else><span>{{form.downPaymentsFinancialPaymentMethod.value}}</span></div>
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br bt" style="flex: 0.99">
                                    <div>{{local.tailMoney}}</div>
                                </div>
                                <div class="f1 w2 br bt" @click.stop="showEdit(form.tailMoney)">
                                    <el-input v-if="form.tailMoney.editable" v-model="form.tailMoney.value"
                                              style="border: none"
                                              size="small" @blur="closeEdit(form.tailMoney)" autoforcus></el-input>
                                    <div v-else><span>{{form.tailMoney.value}}</span></div>
                                </div>
                                <div class="f1 w2 br bt">
                                    <div>{{local.financialPaymentMethod}}</div>
                                </div>
                                <div class="f2 w2 bt"
                                     @click.stop="showEdit(form.tailMoneyPaymentsFinancialPaymentMethod)">
                                    <div class="flex">
                                        &nbsp;&nbsp;{{local.fen}}
                                        <el-input v-if="form.tailMoneyPaymentsFinancialPaymentMethod.editable"
                                                  style="flex: 0.3"
                                                  size="small"
                                                  autoforcus
                                                  v-model="form.tailMoneyPaymentsFinancialPaymentMethod.value.stage"></el-input>
                                        <div style="flex: 0.3" v-else><span>{{form.tailMoneyPaymentsFinancialPaymentMethod.value.stage}}</span>
                                        </div>
                                        {{local.qi}}&nbsp;&nbsp;

                                        {{local.benefit}}
                                        <el-input v-if="form.tailMoneyPaymentsFinancialPaymentMethod.editable"
                                                  style="flex: 0.3"
                                                  size="small"
                                                  v-model="form.tailMoneyPaymentsFinancialPaymentMethod.value.interest"></el-input>
                                        <div style="flex: 0.3" v-else><span>{{form.tailMoneyPaymentsFinancialPaymentMethod.value.interest}}</span>
                                        </div>
                                        %

                                    </div>

                                    <!--分<el-input v-mode="form.totalTaxIncludedPrice"></el-input>期<el-input></el-input>利息<el-input></el-input>%-->
                                    <!--<el-input v-if="form.tailMoneyPaymentsFinancialPaymentMethod.editable" v-model="form.tailMoneyPaymentsFinancialPaymentMethod.value" style="border: none"-->
                                    <!--size="small" @blur="closeEdit(form.tailMoneyPaymentsFinancialPaymentMethod)" autoforcus></el-input>-->
                                    <!--<div v-else><span>{{form.tailMoneyPaymentsFinancialPaymentMethod.value}}</span></div>-->
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br bt" style="flex: 0.99">
                                    <div>{{local.payMonthly}}</div>
                                </div>
                                <div class="f1 w2 br bt" @click.stop="showEdit(form.payMonthly)">
                                    <el-input v-if="form.payMonthly.editable" v-model="form.payMonthly.value"
                                              style="border: none"
                                              size="small" @blur="closeEdit(form.payMonthly)" autoforcus></el-input>
                                    <div v-else><span>{{form.payMonthly.value}}</span></div>
                                </div>
                                <div class="f1 w2 br bt">
                                    <div>{{local.payDate}}</div>
                                </div>
                                <div class="f2 w2 bt" @click.stop="showEdit(form.payDate)">
                                    <div class="flex">
                                        &nbsp;{{local.everyDay}}
                                        <el-input v-if="form.payDate.editable" style="flex: 0.3" size="small"
                                                  v-model="form.payDate.value.month"></el-input>
                                        <div style="flex: 0.3" v-else><span>{{form.payDate.value.month}}</span></div>
                                        {{local.month}}
                                        <el-input v-if="form.payDate.editable" style="flex: 0.3" size="small"
                                                  v-model="form.payDate.value.day"></el-input>
                                        <div style="flex: 0.3" v-else><span>{{form.payDate.value.day}}</span></div>
                                        {{local.day}}

                                    </div>

                                    <!--<el-date-picker v-if="form.payDate.editable" v-model="form.payDate.value"-->
                                    <!--style="border: none" size="small" value-format="MM-dd"-->
                                    <!--@blur="closeEdit(form.payDate)" autoforcus></el-date-picker>-->
                                    <!--<div v-else><span>{{form.payDate.value}}</span></div>-->
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br bt" style="flex:0.247">
                                    <div>{{local.firstMonthlyPayment}}</div>
                                </div>
                                <div class="f1 w2 br bt" @click.stop="showEdit(form.firstMonthlyPayment)">
                                    <div class="txtContent">
                                        {{local.indoMoeny}}，{{local.xdy}}（
                                        <el-radio-group v-model="form.downPayments.value">
                                            <el-radio :label="1">{{local.downPayments}}</el-radio>
                                            <el-radio :label="2">{{local.firstSplitPay}}</el-radio>
                                            <el-radio :label="3">{{local.taxFee}}</el-radio>
                                            )
                                        </el-radio-group>
                                    </div>

                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br bt" style="flex:0.247">
                                    <div>{{local.payMonthly}}</div>
                                </div>
                                <div class="f1 w2 br bt" @click.stop="showEdit(form.payMonthlyIn)">
                                    <div class="flex">
                                        {{local.indoMoeny}}，{{local.totalToPay}}
                                        <el-input class="f0_5" v-if="form.payMonthlyIn.editable"
                                                  v-model="form.payMonthlyIn.value" style="border: none"
                                                  size="small" @blur="closeEdit(form.payMonthlyIn)"
                                                  autoforcus></el-input>
                                        <div v-else class="f0_5 txtCenter"><span>{{form.payMonthlyIn.value}}</span>
                                        </div>
                                        {{local.month}}
                                    </div>
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br bt" style="flex:0.247">
                                    <div>{{local.totalTaxIncludedPrice}}</div>
                                </div>
                                <div class="f1 w2 br bt" @click.stop="showEdit(form.totalTaxIncludedPrice)">
                                    <el-input v-if="form.totalTaxIncludedPrice.editable"
                                              v-model="form.totalTaxIncludedPrice.value" style="border: none"
                                              size="small" @blur="closeEdit(form.totalTaxIncludedPrice)"
                                              autoforcus></el-input>
                                    <div v-else><span>{{form.totalTaxIncludedPrice.value}}</span></div>
                                </div>
                                <div class="f1 w2 br bt" style="flex:0.247">
                                    <div>{{local.contractNo}}</div>
                                </div>
                                <div class="f1 w2 br bt" @click.stop="showEdit(form.contractNo)">
                                    <el-input v-if="form.contractNo.editable"
                                              v-model="form.contractNo.value" style="border: none"
                                              size="small" @blur="closeEdit(form.contractNo)"
                                              autoforcus></el-input>
                                    <div v-else><span>{{form.contractNo.value}}</span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f1 w5 bt br">
                            <div >
                                <div>{{local.contractMaking}}</div>
                            </div>
                            <div class="w2" @click.stop="showEdit(form.contractMaking)">
                                <el-input v-if="form.contractMaking.editable" v-model="form.contractMaking.value"
                                          size="small" @blur="closeEdit(form.contractMaking)" autoforcus></el-input>
                                <div v-else ><span>{{form.contractMaking.value}}</span></div>
                            </div>
                        </div>
                        <div class="f1 w5 bt br">
                            <div >
                                <div>{{local.contractAudit}}</div>
                            </div>
                            <div class="w2" @click.stop="showEdit(form.contractAudit)">
                                <el-input v-if="form.contractAudit.editable" v-model="form.contractAudit.value"
                                          style="border: none"
                                          size="small" @blur="closeEdit(form.contractAudit)" autoforcus></el-input>
                                <div v-else><span>{{form.contractAudit.value}}</span></div>
                            </div>
                        </div>

                        <div class="f1 w5 bt">
                            <div>
                                <div>{{local.financialSignature}}</div>
                            </div>
                            <div class="w2"  @click.stop="showEdit(form.financialSignature)">
                                <el-input v-if="form.financialSignature.editable" v-model="form.financialSignature.value"
                                          style="border: none"
                                          size="small" @blur="closeEdit(form.financialSignature)" autoforcus></el-input>
                                <div v-else><span>{{form.financialSignature.value}}</span></div>
                            </div>
                        </div>



                    </div>
                    <div class="flex">
                        <div class="f2 w5  bt">
                            <div>{{local.date}}</div>
                        </div>
                        <div class="f5 w5 br bt" @click.stop="showEdit(form.contractMakingDateStr)">
                            <el-date-picker v-if="form.contractMakingDateStr.editable"
                                            v-model="form.contractMakingDateStr.value"
                                            style="border: none;width: 150px" size="small" value-format="yyyy-MM-dd"
                                            @blur="closeEdit(form.contractMakingDateStr)" autoforcus></el-date-picker>
                            <div v-else><span>{{form.contractMakingDateStr.value}}</span></div>
                        </div>

                        <div class="f2 w5  bt">
                            <div>{{local.date}}</div>
                        </div>
                        <div class="f5 w5 bt br" @click.stop="showEdit(form.contractAuditDateStr)">
                            <el-date-picker v-if="form.contractAuditDateStr.editable"
                                            v-model="form.contractAuditDateStr.value"
                                            style="border: none;width: 150px" size="small" value-format="yyyy-MM-dd"
                                            @blur="closeEdit(form.contractAuditDateStr)" autoforcus></el-date-picker>
                            <div v-else><span>{{form.contractAuditDateStr.value}}</span></div>
                        </div>

                        <div class="f2 w5  bt">
                            <div>{{local.date}}</div>
                        </div>
                        <div class="f5 w5 bt" @click.stop="showEdit(form.financialSignatureDateStr)">
                            <el-date-picker v-if="form.financialSignatureDateStr.editable"
                                            v-model="form.financialSignatureDateStr.value"
                                            style="border: none;width: 150px" size="small" value-format="yyyy-MM-dd"
                                            @blur="closeEdit(form.financialSignatureDateStr)"
                                            autoforcus></el-date-picker>
                            <div v-else><span>{{form.financialSignatureDateStr.value}}</span></div>
                        </div>
                    </div>

                    <!--*****************************第三次添加***************************-->
                    <div class="flex bt" style="justify-content: flex-end">
                        <el-button @click="paymentProcessBtn()" size="medium" type="success">确认</el-button>
                    </div>
                </div>
            </div>
            <div style="page-break-after: always;"></div>

            <div class="print-content" v-if="urlAvailible('contract-fiance-auth')">
                <h4 class="title">{{local.title}}</h4>
                <!--TODO page5-->
                <div class="table">
                    <!--以下由财务部填写-->
                    <div class="table-title bg3 bt">11.{{local.financeWrite}}</div>
                    <div class="flex">
                        <div class="lf1 br" style="position: relative">
                            <span style="position: absolute;top: 40%">{{local.paymentStatus}}</span>
                            <el-button type="success" class="btnAdd" @click="addTime()" size="small"
                                       style="position: absolute">添加次数
                            </el-button>
                        </div>

                        <div class="rgt1" style="flex: 10">
                            <div class="flex">
                                <div class="f1 w2 br">
                                    <div>{{local.downPayments}}</div>
                                </div>
                                <div class="f2 w2 br" @click.stop="showEdit(form.financeDownPayments)">
                                    <el-input v-if="form.financeDownPayments.editable"
                                              v-model="form.financeDownPayments.value" style="border: none"
                                              size="small" @blur="closeEdit(form.financeDownPayments)"
                                              autoforcus></el-input>
                                    <div v-else><span>{{form.financeDownPayments.value}}</span></div>
                                </div>
                                <div class="f1 w2 br">
                                    <div>{{local.date}}</div>
                                </div>
                                <div class="f2 w2" @click.stop="showEdit(form.financeDownPaymentsDateStr)">
                                    <el-date-picker v-if="form.financeDownPaymentsDateStr.editable"
                                                    v-model="form.financeDownPaymentsDateStr.value"
                                                    style="border: none;width: 210px" size="small"
                                                    value-format="yyyy-MM-dd"
                                                    @blur="closeEdit(form.financeDownPaymentsDateStr)"
                                                    autoforcus></el-date-picker>
                                    <div v-else><span>{{form.financeDownPaymentsDateStr.value}}</span></div>
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br bt">
                                    <div>{{local.tailMoney}}</div>
                                </div>
                                <div class="f2 w2 br bt" @click.stop="showEdit(form.financeTailMoney)">
                                    <el-input v-if="form.financeTailMoney.editable"
                                              v-model="form.financeTailMoney.value" style="border: none"
                                              size="small" @blur="closeEdit(form.financeTailMoney)"
                                              autoforcus></el-input>
                                    <div v-else><span>{{form.financeTailMoney.value}}</span></div>
                                </div>
                                <div class="f1 w2 br bt">
                                    <div>{{local.date}}</div>
                                </div>
                                <div class="f2 w2 bt" @click.stop="showEdit(form.financeTailMoneyDateStr)">
                                    <el-date-picker v-if="form.financeTailMoneyDateStr.editable"
                                                    v-model="form.financeTailMoneyDateStr.value"
                                                    style="border: none;width: 90px;width: 210px" size="small"
                                                    value-format="yyyy-MM-dd"
                                                    @blur="closeEdit(form.financeTailMoneyDateStr)"
                                                    autoforcus></el-date-picker>
                                    <div v-else><span>{{form.financeTailMoneyDateStr.value}}</span></div>
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br bt">
                                    <div>{{local.tailMoneyCheck}}</div>
                                </div>
                                <div class="f2 w2 br bt" @click.stop="showEdit(form.tailMoneyCheck)">
                                    <div class="flex">
                                        {{local.perMonth}}
                                        <el-input class="f1" v-if="form.tailMoneyCheck.editable"
                                                  v-model="form.tailMoneyCheck.value" style="border: none;flex: 1"
                                                  size="small" @blur="closeEdit(form.tailMoneyCheck)"
                                                  autoforcus></el-input>
                                        <div v-else class="f1 txtCenter"><span>{{form.tailMoneyCheck.value}}</span>
                                        </div>
                                        {{local.pcs}}
                                    </div>
                                </div>
                                <div class="f1 w2 br bt">
                                    <div>{{local.date}}</div>
                                </div>
                                <div class="f2 w2 bt" @click.stop="showEdit(form.tailMoneyCheckDate)">
                                    <div class="flex">
                                        {{local.perMonth}}
                                        <el-input class="f0_5" v-if="form.tailMoneyCheckDate.editable"
                                                  v-model="form.tailMoneyCheckDate.value" style="border: none"
                                                  size="small" @blur="closeEdit(form.tailMoneyCheckDate)"
                                                  autoforcus></el-input>
                                        <div v-else class="f0_5 txtCenter">
                                            <span>{{form.tailMoneyCheckDate.value}}</span></div>
                                        {{local.day}}
                                    </div>
                                </div>
                            </div>

                            <div class="flex">
                                <div class="f1 w2 br bt" style="flex: 0.8"
                                     @click.stop="showEdit(form.paymentStatus[0])">
                                    <div v-if="form.paymentStatus[0]">
                                        <el-input placeholder="2nd payment" v-if="form.paymentStatus[0].editable"
                                                  size="small" @blur="closeEdit(form.paymentStatus[0])" autoforcus
                                                  v-model="form.paymentStatus[0].value"></el-input>
                                        <div v-else>
                                            <span>{{form.paymentStatus[0].value}}</span>
                                        </div>
                                    </div>
                                    <div v-else></div>
                                </div>
                                <div class="f1 w2 br bt" @click.stop="showEdit(form.paymentStatus[1])">
                                    <div v-if="form.paymentStatus[1]">
                                        <el-input placeholder="3rd payment" v-if="form.paymentStatus[1].editable"
                                                  size="small" @blur="closeEdit(form.paymentStatus[1])" autoforcus
                                                  v-model="form.paymentStatus[1].value"></el-input>
                                        <div v-else>
                                            <span>{{form.paymentStatus[1].value}}</span>
                                        </div>
                                    </div>
                                    <div v-else></div>
                                </div>
                                <div class="f1 w2 br bt" v-for="(i,key) in 2" :key="key"
                                     @click.stop="showEdit(form.paymentStatus[i+1])">
                                    <div v-if="form.paymentStatus[i+1]">
                                        <el-input :placeholder="(i+3)+'th payment'"
                                                  v-if="form.paymentStatus[i+1].editable" size="small"
                                                  @blur="closeEdit(form.paymentStatus[i+1])" autoforcus
                                                  v-model="form.paymentStatus[i+1].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[i+1].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                                <div class="f1 w2 bt" @click.stop="showEdit(form.paymentStatus[4])">
                                    <div v-if="form.paymentStatus[4]">
                                        <el-input placeholder="6th payment" v-if="form.paymentStatus[4].editable"
                                                  size="small" @blur="closeEdit(form.paymentStatus[4])" autoforcus
                                                  v-model="form.paymentStatus[4].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[4].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br bt" style="flex: 0.8"
                                     @click.stop="showEdit(form.paymentStatus[5])">
                                    <div v-if="form.paymentStatus[5]">
                                        <el-input placeholder="7th payment" v-if="form.paymentStatus[5].editable"
                                                  size="small" @blur="closeEdit(form.paymentStatus[5])" autoforcus
                                                  v-model="form.paymentStatus[5].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[5].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                                <div class="f1 w2 br bt" v-for="(i,key) in 3" :key="key"
                                     @click.stop="showEdit(form.paymentStatus[i+5])">
                                    <div v-if="form.paymentStatus[i+5]">
                                        <el-input :placeholder="(i+7)+'th payment'"
                                                  v-if="form.paymentStatus[i+5].editable" size="small"
                                                  @blur="closeEdit(form.paymentStatus[i+5])" autoforcus
                                                  v-model="form.paymentStatus[i+5].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[i+5].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                                <div class="f1 w2 bt" @click.stop="showEdit(form.paymentStatus[9])">
                                    <div v-if="form.paymentStatus[9]">
                                        <el-input placeholder="11th payment" v-if="form.paymentStatus[9].editable"
                                                  size="small" @blur="closeEdit(form.paymentStatus[9])" autoforcus
                                                  v-model="form.paymentStatus[9].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[9].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br bt" style="flex: 0.8"
                                     @click.stop="showEdit(form.paymentStatus[10])">
                                    <div v-if="form.paymentStatus[10]">
                                        <el-input placeholder="12th payment" v-if="form.paymentStatus[10].editable"
                                                  size="small" @blur="closeEdit(form.paymentStatus[10])" autoforcus
                                                  v-model="form.paymentStatus[10].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[10].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                                <div class="f1 w2 br bt" v-for="(i,key) in 3" :key="key"
                                     @click.stop="showEdit(form.paymentStatus[i+10])">
                                    <div v-if="form.paymentStatus[i+10]">
                                        <el-input :placeholder="(i+12)+'th payment'"
                                                  v-if="form.paymentStatus[i+10].editable" size="small"
                                                  @blur="closeEdit(form.paymentStatus[i+10])" autoforcus
                                                  v-model="form.paymentStatus[i+10].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[i+10].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                                <div class="f1 w2 bt" @click.stop="showEdit(form.paymentStatus[14])">
                                    <div v-if="form.paymentStatus[14]">
                                        <el-input placeholder="16th payment" v-if="form.paymentStatus[14].editable"
                                                  size="small" @blur="closeEdit(form.paymentStatus[14])" autoforcus
                                                  v-model="form.paymentStatus[14].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[14].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br bt" style="flex: 0.8"
                                     @click.stop="showEdit(form.paymentStatus[15])">
                                    <div v-if="form.paymentStatus[15]">
                                        <el-input placeholder="17th payment" v-if="form.paymentStatus[15].editable"
                                                  size="small" @blur="closeEdit(form.paymentStatus[15])" autoforcus
                                                  v-model="form.paymentStatus[15].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[15].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                                <div class="f1 w2 br bt" v-for="(i,key) in 3" :key="key"
                                     @click.stop="showEdit(form.paymentStatus[i+15])">
                                    <div v-if="form.paymentStatus[i+15]">
                                        <el-input :placeholder="(i+17)+'th payment'"
                                                  v-if="form.paymentStatus[i+15].editable" size="small"
                                                  @blur="closeEdit(form.paymentStatus[i+15])" autoforcus
                                                  v-model="form.paymentStatus[i+15].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[i+15].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                                <div class="f1 w2 bt" @click.stop="showEdit(form.paymentStatus[19])">
                                    <div v-if="form.paymentStatus[19]">
                                        <el-input placeholder="21th payment" v-if="form.paymentStatus[19].editable"
                                                  size="small" @blur="closeEdit(form.paymentStatus[19])" autoforcus
                                                  v-model="form.paymentStatus[19].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[19].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br bt" style="flex: 0.8"
                                     @click.stop="showEdit(form.paymentStatus[20])">
                                    <div v-if="form.paymentStatus[20]">
                                        <el-input placeholder="22th payment" v-if="form.paymentStatus[20].editable"
                                                  size="small" @blur="closeEdit(form.paymentStatus[20])" autoforcus
                                                  v-model="form.paymentStatus[20].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[20].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                                <div class="f1 w2 br bt" v-for="(i,key) in 3" :key="key"
                                     @click.stop="showEdit(form.paymentStatus[i+20])">
                                    <div v-if="form.paymentStatus[i+20]">
                                        <el-input :placeholder="(i+22)+'th payment'"
                                                  v-if="form.paymentStatus[i+20].editable" size="small"
                                                  @blur="closeEdit(form.paymentStatus[i+20])" autoforcus
                                                  v-model="form.paymentStatus[i+20].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[i+20].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                                <div class="f1 w2 bt" @click.stop="showEdit(form.paymentStatus[24])">
                                    <div v-if="form.paymentStatus[24]">
                                        <el-input placeholder="26th payment" v-if="form.paymentStatus[24].editable"
                                                  size="small" @blur="closeEdit(form.paymentStatus[24])" autoforcus
                                                  v-model="form.paymentStatus[24].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[24].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br bt" style="flex: 0.8"
                                     @click.stop="showEdit(form.paymentStatus[25])">
                                    <div v-if="form.paymentStatus[25]">
                                        <el-input placeholder="27th payment" v-if="form.paymentStatus[25].editable"
                                                  size="small" @blur="closeEdit(form.paymentStatus[25])" autoforcus
                                                  v-model="form.paymentStatus[25].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[25].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                                <div class="f1 w2 br bt" v-for="(i,key) in 3" :key="key"
                                     @click.stop="showEdit(form.paymentStatus[i+25])">
                                    <div v-if="form.paymentStatus[i+25]">
                                        <el-input :placeholder="(i+27)+'th payment'"
                                                  v-if="form.paymentStatus[i+25].editable" size="small"
                                                  @blur="closeEdit(form.paymentStatus[i+25])" autoforcus
                                                  v-model="form.paymentStatus[i+25].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[i+25].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                                <div class="f1 w2 bt" @click.stop="showEdit(form.paymentStatus[29])">
                                    <div v-if="form.paymentStatus[29]">
                                        <el-input placeholder="31th payment" v-if="form.paymentStatus[29].editable"
                                                  size="small" @blur="closeEdit(form.paymentStatus[29])" autoforcus
                                                  v-model="form.paymentStatus[29].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[29].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br bt" style="flex: 0.8"
                                     @click.stop="showEdit(form.paymentStatus[30])">
                                    <div v-if="form.paymentStatus[30]">
                                        <el-input placeholder="32th payment" v-if="form.paymentStatus[30].editable"
                                                  size="small" @blur="closeEdit(form.paymentStatus[30])" autoforcus
                                                  v-model="form.paymentStatus[30].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[30].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                                <div class="f1 w2 br bt" v-for="(i,key) in 3" :key="key"
                                     @click.stop="showEdit(form.paymentStatus[i+30])">
                                    <div v-if="form.paymentStatus[i+30]">
                                        <el-input :placeholder="(i+32)+'th payment'"
                                                  v-if="form.paymentStatus[i+30].editable" size="small"
                                                  @blur="closeEdit(form.paymentStatus[i+30])" autoforcus
                                                  v-model="form.paymentStatus[i+30].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[i+30].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                                <div class="f1 w2 bt" @click.stop="showEdit(form.paymentStatus[34])">
                                    <div v-if="form.paymentStatus[34]">
                                        <el-input placeholder="36th payment" v-if="form.paymentStatus[34].editable"
                                                  size="small" @blur="closeEdit(form.paymentStatus[34])" autoforcus
                                                  v-model="form.paymentStatus[34].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[34].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br bt" style="flex: 0.8"
                                     @click.stop="showEdit(form.paymentStatus[35])">
                                    <div v-if="form.paymentStatus[35]">
                                        <el-input placeholder="37th payment" v-if="form.paymentStatus[35].editable"
                                                  size="small" @blur="closeEdit(form.paymentStatus[35])" autoforcus
                                                  v-model="form.paymentStatus[35].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[35].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                                <div class="f1 w2 br bt" v-for="(i,key) in 3" :key="key"
                                     @click.stop="showEdit(form.paymentStatus[i+35])">
                                    <div v-if="form.paymentStatus[i+35]">
                                        <el-input :placeholder="(i+37)+'th payment'"
                                                  v-if="form.paymentStatus[i+35].editable" size="small"
                                                  @blur="closeEdit(form.paymentStatus[i+35])" autoforcus
                                                  v-model="form.paymentStatus[i+35].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[i+35].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                                <div class="f1 w2 bt" @click.stop="showEdit(form.paymentStatus[39])">
                                    <div v-if="form.paymentStatus[39]">
                                        <el-input placeholder="41th payment" v-if="form.paymentStatus[39].editable"
                                                  size="small" @blur="closeEdit(form.paymentStatus[39])" autoforcus
                                                  v-model="form.paymentStatus[39].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[39].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br bt" style="flex: 0.8"
                                     @click.stop="showEdit(form.paymentStatus[40])">
                                    <div v-if="form.paymentStatus[40]">
                                        <el-input placeholder="42th payment" v-if="form.paymentStatus[40].editable"
                                                  size="small" @blur="closeEdit(form.paymentStatus[40])" autoforcus
                                                  v-model="form.paymentStatus[40].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[40].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                                <div class="f1 w2 br bt" v-for="(i,key) in 3" :key="key"
                                     @click.stop="showEdit(form.paymentStatus[i+40])">
                                    <div v-if="form.paymentStatus[i+40]">
                                        <el-input :placeholder="(i+42)+'th payment'"
                                                  v-if="form.paymentStatus[i+40].editable" size="small"
                                                  @blur="closeEdit(form.paymentStatus[i+40])" autoforcus
                                                  v-model="form.paymentStatus[i+40].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[i+40].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                                <div class="f1 w2 bt" @click.stop="showEdit(form.paymentStatus[44])">
                                    <div v-if="form.paymentStatus[44]">
                                        <el-input placeholder="46th payment" v-if="form.paymentStatus[44].editable"
                                                  size="small" @blur="closeEdit(form.paymentStatus[44])" autoforcus
                                                  v-model="form.paymentStatus[44].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[44].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br bt" style="flex: 0.8"
                                     @click.stop="showEdit(form.paymentStatus[45])">
                                    <div v-if="form.paymentStatus[45]">
                                        <el-input placeholder="47th payment" v-if="form.paymentStatus[45].editable"
                                                  size="small" @blur="closeEdit(form.paymentStatus[45])" autoforcus
                                                  v-model="form.paymentStatus[45].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[45].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                                <div class="f1 w2 br bt" @click.stop="showEdit(form.paymentStatus[46])">
                                    <div v-if="form.paymentStatus[46]">
                                        <el-input placeholder="48th payment" v-if="form.paymentStatus[46].editable"
                                                  size="small" @blur="closeEdit(form.paymentStatus[46])" autoforcus
                                                  v-model="form.paymentStatus[46].value"></el-input>
                                        <div v-else><span>{{form.paymentStatus[46].value}}</span></div>
                                    </div>
                                    <div v-else></div>
                                </div>
                                <div class="f1 w2 br bt">
                                    <div></div>
                                </div>
                                <div class="f1 w2 br bt">
                                    <div></div>
                                </div>
                                <div class="f1 w2 bt">
                                    <div></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f1 w2 br bt">
                            <div>{{local.financeDeliveryDate}}</div>
                        </div>
                        <div class="f5 w2 bt" @click.stop="showEdit(form.financeDeliveryDateStr)">
                            <el-date-picker v-if="form.financeDeliveryDateStr.editable"
                                            v-model="form.financeDeliveryDateStr.value"
                                            style="border: none" size="small" value-format="yyyy-MM-dd"
                                            @blur="closeEdit(form.financeDeliveryDateStr)" autoforcus></el-date-picker>
                            <div v-else><span>{{form.financeDeliveryDateStr.value}}</span></div>
                        </div>
                    </div>

                    <div class="flex">
                        <div class="br bt w7" style="flex: 2.4">
                            <div>{{local.costAccounting}}</div>
                        </div>
                        <div class="f2">
                            <div class="flex">
                                <div class="f1 w2 br bt">
                                    <div>{{local.FOB}}</div>
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br" @click.stop="showEdit(form.fob)">
                                    <el-input v-if="form.fob.editable" v-model="form.fob.value" style="border: none"
                                              size="small" @blur="closeEdit(form.fob)" autoforcus></el-input>
                                    <div v-else><span>{{form.fob.value}}</span></div>
                                </div>
                            </div>
                        </div>

                        <div class="f0_5 br bt txtCenter w7">
                            <div>+</div>
                        </div>
                        <div class="f2">
                            <div class="flex">
                                <div class="f1 w2 br bt">
                                    <div>{{local.OF}}</div>
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br" @click.stop="showEdit(form.of)">
                                    <el-input v-if="form.of.editable" v-model="form.of.value" style="border: none"
                                              size="small" @blur="closeEdit(form.of)" autoforcus></el-input>
                                    <div v-else><span>{{form.of.value}}</span></div>
                                </div>
                            </div>
                        </div>

                        <div class="f0_5 br bt txtCenter w7">
                            <div>+</div>
                        </div>
                        <div class="f2">
                            <div class="flex">
                                <div class="f1 w2 br bt">
                                    <div>{{local.BM}}</div>
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br" @click.stop="showEdit(form.bm)">
                                    <el-input v-if="form.bm.editable" v-model="form.bm.value" style="border: none"
                                              size="small" @blur="closeEdit(form.bm)" autoforcus></el-input>
                                    <div v-else><span>{{form.bm.value}}</span></div>
                                </div>
                            </div>
                        </div>

                        <div class="f0_5 br bt txtCenter w7">
                            <div>+</div>
                        </div>
                        <div class="f2">
                            <div class="flex">
                                <div class="f1 w2 br bt">
                                    <div>{{local.HD}}</div>
                                </div>
                            </div>
                            <div class="flex">
                                <div class="f1 w2 br" @click.stop="showEdit(form.hd)">
                                    <el-input v-if="form.hd.editable" v-model="form.hd.value" style="border: none"
                                              size="small" @blur="closeEdit(form.hd)" autoforcus></el-input>
                                    <div v-else><span>{{form.hd.value}}</span></div>
                                </div>
                            </div>
                        </div>

                        <div class="f0_5 br bt txtCenter w7">
                            <div>=</div>
                        </div>
                        <div class="f2">
                            <div class="flex">
                                <div class="f1 w7 bt" @click.stop="showEdit(form.totalCost)">
                                    <el-input v-if="form.totalCost.editable" v-model="form.totalCost.value"
                                              style="border: none"
                                              size="small" @blur="closeEdit(form.totalCost)" autoforcus></el-input>
                                    <div v-else><span>{{form.totalCost.value}}</span></div>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="flex">
                        <div class="w6 br bt" style="flex: 2.4">
                            <div>{{local.gsrossInterestRate}}</div>
                        </div>
                        <div class="f5 w6 br bt">
                            <div class="flex">
                                <div style="margin-left: 20px">
                                    <div class="flex" style="height: 35px;line-height: 35px;margin: 10px 0 1px 0"
                                         @click.stop="showEdit(form.gsrossInterestRateTop)">
                                        <el-input class="f1" v-if="form.gsrossInterestRateTop.editable"
                                                  style="border: none"
                                                  size="small" @blur="closeEdit(form.gsrossInterestRateTop)" autoforcus
                                                  v-model="form.gsrossInterestRateTop.value"></el-input>
                                        <div class="f1 txtCenter" v-else>
                                            <span>{{form.gsrossInterestRateTop.value}}</span></div>
                                    </div>
                                    <div class="flex" style="height: 5px;line-height: 5px">————————</div>
                                    <div class="flex" style="height: 35px;line-height: 35px;margin-top: 6px;"
                                         @click.stop="showEdit(form.gsrossInterestRateBottom)">
                                        <el-input class="f1" v-if="form.gsrossInterestRateBottom.editable"
                                                  v-model="form.gsrossInterestRateBottom.value" style="border: none"
                                                  size="small" @blur="closeEdit(form.gsrossInterestRateBottom)"
                                                  autoforcus></el-input>
                                        <div class="f1 txtCenter" v-else>
                                            <span>{{form.gsrossInterestRateBottom.value}}</span></div>
                                    </div>
                                </div>
                                <div>=</div>
                                <div class="f1" @click.stop="showEdit(form.gsrossInterestRate)">
                                    <el-input class="f1" v-if="form.gsrossInterestRate.editable"
                                              v-model="form.gsrossInterestRate.value" style="border: none"
                                              size="small" @blur="closeEdit(form.gsrossInterestRate)"
                                              autoforcus></el-input>
                                    <div v-else class="f1 txtCenter"><span>{{form.gsrossInterestRate.value}}</span>
                                    </div>
                                </div>
                                <div>
                                    %
                                </div>
                            </div>

                        </div>

                        <div class="w6 br bt" style="flex: 1.99">
                            <div>{{local.apportionedCost}}</div>
                        </div>
                        <div class="f5 w6 bt" @click.stop="showEdit(form.apportionedCost)">
                            <el-input v-if="form.apportionedCost.editable" v-model="form.apportionedCost.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.apportionedCost)" autoforcus></el-input>
                            <div v-else><span>{{form.apportionedCost.value}}</span></div>
                        </div>
                    </div>

                    <div class="flex">
                        <div class="w2 br bt" style="flex: 2.4">
                            <div>{{local.awardBase}}</div>
                        </div>
                        <div class="f5 w2 br bt" @click.stop="showEdit(form.awardBase)">
                            <el-input v-if="form.awardBase.editable" v-model="form.awardBase.value" style="border: none"
                                      size="small" @blur="closeEdit(form.awardBase)" autoforcus></el-input>
                            <div v-else><span>{{form.awardBase.value}}</span></div>
                        </div>
                        <div class="f2 w2 br bt">
                            <div>{{local.paymentBonuses}}</div>
                        </div>
                        <div class="f5 w2 bt" @click.stop="showEdit(form.paymentBonuses)">
                            <el-input v-if="form.paymentBonuses.editable" v-model="form.paymentBonuses.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.paymentBonuses)" autoforcus></el-input>
                            <div v-else><span>{{form.paymentBonuses.value}}</span></div>
                        </div>
                    </div>

                    <div class="flex">
                        <div class="f1 w2 br bt">
                            <div>{{local.netProfit}}</div>
                        </div>
                        <div class="f5 w2 bt">
                            <div class="flex">
                                <div>(</div>
                                <div class="f5 w2" @click.stop="showEdit(form.netProfitOne)">
                                    <el-input v-if="form.netProfitOne.editable" style="border: none"
                                              v-model="form.netProfitOne.value"
                                              size="small" @blur="closeEdit(form.netProfitOne)" autoforcus></el-input>
                                    <div class="txtCenter" v-else><span>{{form.netProfitOne.value}}</span></div>
                                </div>
                                <div>——</div>
                                <div class="f5 w2" @click.stop="showEdit(form.netProfitTwo)">
                                    <el-input v-if="form.netProfitTwo.editable" style="border: none"
                                              v-model="form.netProfitTwo.value"
                                              size="small" @blur="closeEdit(form.netProfitTwo)" autoforcus></el-input>
                                    <div class="txtCenter" v-else><span>{{form.netProfitTwo.value}}</span></div>
                                </div>
                                <div>——</div>
                                <div class="f5 w2" @click.stop="showEdit(form.netProfitThree)">
                                    <el-input v-if="form.netProfitThree.editable" style="border: none"
                                              v-model="form.netProfitThree.value"
                                              size="small" @blur="closeEdit(form.netProfitThree)" autoforcus></el-input>
                                    <div class="txtCenter" v-else><span>{{form.netProfitThree.value}}</span></div>
                                </div>
                                <div>）/</div>
                                <div class="f5 w2 txtCenter" @click.stop="showEdit(form.netProfitFour)">
                                    <el-input class="txtCenter" v-if="form.netProfitFour.editable" style="border: none"
                                              v-model="form.netProfitFour.value"
                                              size="small" @blur="closeEdit(form.netProfitFour)" autoforcus></el-input>
                                    <div class="txtCenter" v-else><span>{{form.netProfitFour.value}}</span></div>
                                </div>

                                <div>=</div>
                                <div class="f5 w2" @click.stop="showEdit(form.netProfit)">
                                    <el-input v-if="form.netProfit.editable" style="border: none"
                                              v-model="form.netProfit.value"
                                              size="small" @blur="closeEdit(form.netProfit)" autoforcus></el-input>
                                    <div class="txtCenter" v-else><span>{{form.netProfit.value}}</span></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="flex">
                        <div class="f1 w5 br bt">
                            <div>{{local.explain}}</div>
                        </div>
                        <div class="f5 w5 bt" @click.stop="showEdit(form.explainDetail)">
                            <el-input v-if="form.explainDetail.editable" v-model="form.explainDetail.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.explainDetail)" autoforcus></el-input>
                            <div v-else><span>{{form.explainDetail.value}}</span></div>
                        </div>
                    </div>
                    <div style="height: 15px" class="bt"></div>
                    <div class="flex">
                        <div class="f1 w2 br bt">
                            <div>{{local.orderMaking}}</div>
                        </div>
                        <div class="f1 w2 br bt">
                            <div>{{local.examine}}</div>
                        </div>
                        <div class="f1 w2 br bt">
                            <div>{{local.finance}}</div>
                        </div>
                        <div class="f1 w2 br bt">
                            <div>{{local.generalManager}}</div>
                        </div>
                        <div class="f1 w2 br bt">
                            <div>{{local.chiefInspector}}</div>
                        </div>
                        <div class="f1 w2 bt">
                            <div>{{local.filing}}</div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f1 w7 br" @click.stop="showEdit(form.orderMaking)">
                            <el-input v-if="form.orderMaking.editable" v-model="form.orderMaking.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.orderMaking)" autoforcus></el-input>
                            <div v-else><span>{{form.orderMaking.value}}</span></div>
                        </div>

                        <div class="f1 w7 br" @click.stop="showEdit(form.examine)">
                            <el-input v-if="form.examine.editable" v-model="form.examine.value" style="border: none"
                                      size="small" @blur="closeEdit(form.examine)" autoforcus></el-input>
                            <div v-else><span>{{form.examine.value}}</span></div>
                        </div>

                        <div class="f1 w7 br" @click.stop="showEdit(form.finance)">
                            <el-input v-if="form.finance.editable" v-model="form.finance.value" style="border: none"
                                      size="small" @blur="closeEdit(form.finance)" autoforcus></el-input>
                            <div v-else><span>{{form.finance.value}}</span></div>
                        </div>

                        <div class="f1 w7 br" @click.stop="showEdit(form.generalManager)" style="flex: 1">
                            <el-input v-if="form.generalManager.editable" v-model="form.generalManager.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.generalManager)" autoforcus></el-input>
                            <div v-else><span>{{form.generalManager.value}}</span></div>
                        </div>

                        <div class="f1 w7 br" @click.stop="showEdit(form.chiefInspector)">
                            <el-input v-if="form.chiefInspector.editable" v-model="form.chiefInspector.value"
                                      style="border: none"
                                      size="small" @blur="closeEdit(form.chiefInspector)" autoforcus></el-input>
                            <div v-else><span>{{form.chiefInspector.value}}</span></div>
                        </div>

                        <div class="f1 w7" @click.stop="showEdit(form.filling)">
                            <el-input v-if="form.filling.editable" v-model="form.filling.value" style="border: none"
                                      size="small" @blur="closeEdit(form.filling)" autoforcus></el-input>
                            <div v-else><span>{{form.filling.value}}</span></div>
                        </div>
                    </div>
                    <div class="flex">
                        <div class="f2 w2 bt">
                            <div>{{local.date}}</div>
                        </div>
                        <div class="f5 w2 br bt" @click.stop="showEdit(form.orderMakingDateStr)">
                            <el-date-picker v-if="form.orderMakingDateStr.editable"
                                            v-model="form.orderMakingDateStr.value"
                                            style="border: none;width: 90px" size="small" value-format="yyyy-MM-dd"
                                            @blur="closeEdit(form.orderMakingDateStr)" autoforcus></el-date-picker>
                            <div v-else><span>{{form.orderMakingDateStr.value}}</span></div>
                        </div>

                        <div class="f2 w2 bt">
                            <div>{{local.date}}</div>
                        </div>
                        <div class="f5 w2 br bt" @click.stop="showEdit(form.examineDateStr)">
                            <el-date-picker v-if="form.examineDateStr.editable" v-model="form.examineDateStr.value"
                                            style="border: none;width: 90px" size="small" value-format="yyyy-MM-dd"
                                            @blur="closeEdit(form.examineDateStr)" autoforcus></el-date-picker>
                            <div v-else><span>{{form.examineDateStr.value}}</span></div>
                        </div>

                        <div class="f2 w2 bt">
                            <div>{{local.date}}</div>
                        </div>
                        <div class="f5 w2 br bt" @click.stop="showEdit(form.financeDateStr)">
                            <el-date-picker v-if="form.financeDateStr.editable" v-model="form.financeDateStr.value"
                                            style="border: none;width: 90px" size="small" value-format="yyyy-MM-dd"
                                            @blur="closeEdit(form.financeDateStr)" autoforcus></el-date-picker>
                            <div v-else><span>{{form.financeDateStr.value}}</span></div>
                        </div>

                        <div class="f2 w2 bt">
                            <div>{{local.date}}</div>
                        </div>
                        <div class="f5 w2 br bt" @click.stop="showEdit(form.generalManagerDateStr)">
                            <el-date-picker v-if="form.generalManagerDateStr.editable"
                                            v-model="form.generalManagerDateStr.value"
                                            style="border: none;width: 90px" size="small" value-format="yyyy-MM-dd"
                                            @blur="closeEdit(form.generalManagerDateStr)" autoforcus></el-date-picker>
                            <div v-else><span>{{form.generalManagerDateStr.value}}</span></div>
                        </div>

                        <div class="f2 w2 bt">
                            <div>{{local.date}}</div>
                        </div>
                        <div class="f5 w2 br bt" @click.stop="showEdit(form.chiefInspectorDateStr)">
                            <el-date-picker v-if="form.chiefInspectorDateStr.editable"
                                            v-model="form.chiefInspectorDateStr.value"
                                            style="border: none;width: 90px" size="small" value-format="yyyy-MM-dd"
                                            @blur="closeEdit(form.chiefInspectorDateStr)" autoforcus></el-date-picker>
                            <div v-else><span>{{form.chiefInspectorDateStr.value}}</span></div>
                        </div>

                        <div class="f2 w2 bt">
                            <div>{{local.date}}</div>
                        </div>
                        <div class="f5 w2 bt" @click.stop="showEdit(form.filingDateStr)">
                            <el-date-picker v-if="form.filingDateStr.editable" v-model="form.filingDateStr.value"
                                            style="border: none;width: 90px" size="small" value-format="yyyy-MM-dd"
                                            @blur="closeEdit(form.filingDateStr)" autoforcus></el-date-picker>
                            <div v-else><span>{{form.filingDateStr.value}}</span></div>
                        </div>
                    </div>

                    <!--*****************************第四次添加***************************-->
                    <div class="flex bt" style="justify-content: flex-end">
                        <el-button @click="financeConfirmBtn()" size="medium" type="success">确认</el-button>
                    </div>
                </div>

            </div>
        </div>
        <div class="end"></div>
        <iframe id="printf" src="" width="0" height="0" frameborder="0"/>
        <div style="text-align: left;margin: 0 0 20px 20px">
            <el-button @click="print" type="primary">Print</el-button>
        </div>
    </div>
</template>

<script>
    import {
        showProcessDetail,
        addSalesProcess,
        addQuotationProcess,
        addPaymentProcess,
        addFinanceDepartmentConfirm,
        updateSalesProcess,
        updateQuotationProcess,
        updatePaymentProcess,
        updateFinanceDepartmentConfirm
    } from "../../api/quotation";
    import {ERROR_OK} from "../../util/config";
    import authMixins from '../../util/authMixins';


    export default {
        name: "contract-evaluation-form",
        mixins:[authMixins],
        data() {
            return {
                lang: 'cn',
                form: {
                    submitDateStr: {
                        editable: false,
                        value: ''
                    },
                    salesMan: {
                        editable: false,
                        value: ''
                    },
                    customerName: {
                        editable: false,
                        value: ''
                    },
                    customerAddress: {
                        editable: false,
                        value: ''
                    },
                    contactInformation: {
                        editable: false,
                        value: ''
                    },
                    email: {
                        editable: false,
                        value: ''
                    },
                    website: {
                        editable: false,
                        value: ''
                    },
                    operationalLocation: {
                        editable: false,
                        value: ''
                    },
                    belongIndustry: {
                        editable: false,
                        value: ''
                    },
                    customerMainBusiness: {
                        editable: false,
                        value: ''
                    },
                    projectSite: {
                        editable: false,
                        value: ''
                    },
                    projectDescription: {
                        editable: false,
                        value: ''
                    },
                    operatingEquipment: {
                        editable: false,
                        value: ''
                    },
                    taxCard: {
                        editable: false,
                        value: ''
                    },
                    financialPosition: {
                        editable: false,
                        value: ''
                    },
                    customerAdvantage: {
                        editable: false,
                        value: ''
                    },
                    customerPotential: {
                        editable: false,
                        value: ''
                    },

                    deliveryDateStr: {
                        editable: false,
                        value: ''
                    },
                    deliveryPlace: {
                        editable: false,
                        value: ''
                    },
                    paymentMethod: {
                        editable: false,
                        value: ''
                    },
                    inquiryEquipment: {
                        editable: false,
                        value: ''
                    },
                    inquiryParts: {
                        editable: false,
                        value: ''
                    },
                    inquiryService: {
                        editable: false,
                        value: ''
                    },
                    remarks: {
                        editable: false,
                        value: ''
                    },
                    remarksSecond: {
                        editable: false,
                        value: ''
                    },


                    firstDeliveryDateStr: {
                        editable: false,
                        value: ''
                    },
                    firstDeliveryPlace: {
                        editable: false,
                        value: ''
                    },
                    firstPaymentMethod: {
                        editable: false,
                        value: ''
                    },
                    firstInquiryEquipment: {
                        editable: false,
                        value: ''
                    },
                    firstInquiryParts: {
                        editable: false,
                        value: ''
                    },
                    firstInquiryService: {
                        editable: false,
                        value: ''
                    },
                    firstQuoter: {
                        editable: false,
                        value: ''
                    },
                    firstAuditor: {
                        editable: false,
                        value: ''
                    },
                    firstDateStr: {
                        editable: false,
                        value: ''
                    },
                    firstEquipmentPrice: {
                        editable: false,
                        value: ''
                    },
                    firstPartsPrice: {
                        editable: false,
                        value: ''
                    },
                    firstServicePrice: {
                        editable: false,
                        value: ''
                    },
                    firstRemarks: {
                        editable: false,
                        value: ''
                    },

                    secondDeliveryDateStr: {
                        editable: false,
                        value: ''
                    },
                    secondDeliveryPlace: {
                        editable: false,
                        value: ''
                    },
                    secondPaymentMethod: {
                        editable: false,
                        value: ''
                    },
                    secondInquiryEquipment: {
                        editable: false,
                        value: ''
                    },
                    secondInquiryParts: {
                        editable: false,
                        value: ''
                    },
                    secondInquiryService: {
                        editable: false,
                        value: ''
                    },
                    secondQuoter: {
                        editable: false,
                        value: ''
                    },
                    secondAuditor: {
                        editable: false,
                        value: ''
                    },
                    secondDateStr: {
                        editable: false,
                        value: ''
                    },
                    secondEquipmentPrice: {
                        editable: false,
                        value: ''
                    },
                    secondPartsPrice: {
                        editable: false,
                        value: ''
                    },
                    secondServicePrice: {
                        editable: false,
                        value: ''
                    },
                    secondRemarks: {
                        editable: false,
                        value: ''
                    },

                    thirdDeliveryDateStr: {
                        editable: false,
                        value: ''
                    },
                    thirdDeliveryPlace: {
                        editable: false,
                        value: ''
                    },
                    thirdPaymentMethod: {
                        editable: false,
                        value: ''
                    },
                    thirdInquiryEquipment: {
                        editable: false,
                        value: ''
                    },
                    thirdInquiryParts: {
                        editable: false,
                        value: ''
                    },
                    thirdInquiryService: {
                        editable: false,
                        value: ''
                    },
                    thirdQuoter: {
                        editable: false,
                        value: ''
                    },
                    thirdAuditor: {
                        editable: false,
                        value: ''
                    },
                    thirdDateStr: {
                        editable: false,
                        value: ''
                    },
                    thirdEquipmentPrice: {
                        editable: false,
                        value: ''
                    },
                    thirdPartsPrice: {
                        editable: false,
                        value: ''
                    },
                    thirdServicePrice: {
                        editable: false,
                        value: ''
                    },
                    thirdRemarks: {
                        editable: false,
                        value: ''
                    },

                    contractualProduct: {
                        editable: false,
                        value: ''
                    },
                    productDeliveryDateStr: {
                        editable: false,
                        value: ''
                    },
                    freight: {
                        editable: false,
                        value: ''
                    },
                    DeliveryPlace: {
                        editable: false,
                        value: ''
                    },
                    otherFreight: {
                        editable: false,
                        value: ''
                    },
                    Commission: {
                        editable: false,
                        value: ''
                    },
                    equipment: {
                        editable: false,
                        value: ''
                    },
                    unitPriceExcludesTax: {
                        editable: false,
                        value: ''
                    },
                    parts: {
                        editable: false,
                        value: ''
                    },
                    totalTaxFreePrice: {
                        editable: false,
                        value: ''
                    },
                    service: {
                        editable: false,
                        value: ''
                    },
                    serviceTotalTaxFreePrice: {
                        editable: false,
                        value: ''
                    },
                    netPrice: {
                        editable: false,
                        value: ''
                    },
                    netPriceFinancialPaymentMethod: {
                        editable: false,
                        value: ''
                    },
                    taxation: {
                        editable: false,
                        value: ''
                    },
                    taxationFinancialPaymentMethod: {
                        editable: false,
                        value: ''
                    },
                    downPayments: {
                        editable: false,
                        value: ''
                    },
                    downPaymentsFinancialPaymentMethod: {
                        editable: false,
                        value: ''
                    },
                    tailMoney: {
                        editable: false,
                        value: ''
                    },
                    tailMoneyPaymentsFinancialPaymentMethod: {
                        editable: false,
                        value: {
                            stage: '',
                            interest: ''
                        }
                    },
                    payMonthly: {
                        editable: false,
                        value: ''
                    },
                    payDate: {
                        editable: false,
                        value: {
                            month: '',
                            day: ''
                        }
                    },
                    firstMonthlyPayment: {
                        editable: false,
                        value: ''
                    },
                    payMonthlyIn: {
                        editable: false,
                        value: ''
                    },
                    totalTaxIncludedPrice: {
                        editable: false,
                        value: ''
                    },
                    contractNo:{
                        editable:false,
                        value:''
                    },
                    contractMaking: {
                        editable: false,
                        value: ''
                    },
                    contractMakingDateStr: {
                        editable: false,
                        value: ''
                    },
                    contractAudit: {
                        editable: false,
                        value: ''
                    },
                    contractAuditDateStr: {
                        editable: false,
                        value: ''
                    },
                    financialSignature: {
                        editable: false,
                        value: ''
                    },
                    financialSignatureDateStr: {
                        editable: false,
                        value: ''
                    },

                    financeDownPayments: {
                        editable: false,
                        value: ''
                    },
                    financeDownPaymentsDateStr: {
                        editable: false,
                        value: ''
                    },
                    financeTailMoney: {
                        editable: false,
                        value: ''
                    },
                    financeTailMoneyDateStr: {
                        editable: false,
                        value: ''
                    },
                    tailMoneyCheck: {
                        editable: false,
                        value: ''
                    },
                    tailMoneyCheckDate: {
                        editable: false,
                        value: ''
                    },
                    paymentStatus: [],
                    financeDeliveryDateStr: {
                        editable: false,
                        value: ''
                    },
                    costAccounting: {
                        editable: false,
                        value: ''
                    },
                    fob: {
                        editable: false,
                        value: ''
                    },
                    of: {
                        editable: false,
                        value: ''
                    },
                    bm: {
                        editable: false,
                        value: ''
                    },
                    hd: {
                        editable: false,
                        value: ''
                    },
                    totalCost: {
                        editable: false,
                        value: ''
                    },
                    gsrossInterestRateTop: {
                        editable: false,
                        value: ''
                    },
                    gsrossInterestRateBottom: {
                        editable: false,
                        value: ''
                    },
                    gsrossInterestRate: {
                        editable: false,
                        value: ''
                    },
                    apportionedCost: {
                        editable: false,
                        value: ''
                    },
                    awardBase: {
                        editable: false,
                        value: ''
                    },
                    paymentBonuses: {
                        editable: false,
                        value: ''
                    },
                    netProfitOne: {
                        editable: false,
                        value: ''
                    },
                    netProfitTwo: {
                        editable: false,
                        value: ''
                    },
                    netProfitThree: {
                        editable: false,
                        value: ''
                    },
                    netProfitFour: {
                        editable: false,
                        value: ''
                    },
                    netProfit: {
                        editable: false,
                        value: ''
                    },
                    explainDetail: {
                        editable: false,
                        value: ''
                    },
                    orderMaking: {
                        editable: false,
                        value: ''
                    },
                    examine: {
                        editable: false,
                        value: ''
                    },
                    finance: {
                        editable: false,
                        value: ''
                    },
                    generalManager: {
                        editable: false,
                        value: ''
                    },
                    chiefInspector: {
                        editable: false,
                        value: ''
                    },
                    filling: {
                        editable: false,
                        value: ''
                    },
                    orderMakingDateStr: {
                        editable: false,
                        value: ''
                    },
                    examineDateStr: {
                        editable: false,
                        value: ''
                    },
                    financeDateStr: {
                        editable: false,
                        value: ''
                    },
                    generalManagerDateStr: {
                        editable: false,
                        value: ''
                    },
                    chiefInspectorDateStr: {
                        editable: false,
                        value: ''
                    },
                    filingDateStr: {
                        editable: false,
                        value: ''
                    },
                },
                amount: 0, //存放点击次数
                paymentTime: [],
                id: '',  //  存放销售产品id
                salesProcessId: '',
                processId: '',  // 判断新增还是修改
                salesProcess: {},  //  存放销售信息
                paymentProcess: {},  //  支付信息
                quotationProcess: {},  //  报价信息
                financeDepartmentConfirm: {},  //  财务填表信息
                paymentList: {},   //  存放48次输入金额的信息
                quotationProcessId: '',
                paymentProcessId: '',
                financeDepartmentConfirmId: ''

            }
        },
        created() {
            this.cn = {
                title: '合同评价表',
                customerBasic: '客户基本:',
                formDate: '填表日期:',
                salesMan: '销售人员:',
                customerName: '客户名称:',
                customerAddress: '客户注册地址:',
                contactInformation: '联系方式:',
                email: '邮箱:',
                website: 'PJB No:',
                operationalInformation: '客户运营信息:',
                operationalLocation: '客户运营地点:',
                belongIndustry: '所属行业:',
                customerMainBusiness: '客户主营业务:',
                customerProjectStatus: '客户项目情况:',
                projectSite: '项目地点:',
                projectDescription: '项目描述:',
                operatingEquipment: '运营设备:',
                customerFinancialInformation: '客户财务信息:',
                taxCard: '税卡:',
                financialPosition: '财务状况:',
                supplement: '补充信息:',
                customerAdvantage: '客户优势:',
                customerPotential: '客户潜力:',

                inquiryProducts: '询价产品:',
                deliveryDate: '交货期:',
                deliveryPlace: '交货地点:',
                paymentMethod: '付款方式:',
                inquiryEquipment: '询价设备:',
                inquiryParts: '询价配件:',
                inquiryService: '询价服务:',
                remarks: '备注:',

                firstQuotation: '第一次报价:',
                secondQuotation: '第二次报价:',
                thirdQuotation: '第三次报价:',

                firstDeliveryDate: '交货期:',
                firstDeliveryPlace: '交货地点:',
                firstPaymentMethod: '付款方式:',
                firstInquiryEquipment: '询价设备:',
                firstInquiryParts: '询价配件:',
                firstInquiryService: '询价服务:',
                firstQuoter: '报价人:',
                firstAuditor: '审核人:',
                firstDate: '日期:',
                firstEquipmentPrice: '价格:',
                firstPartsPrice: '价格:',
                firstServicePrice: '价格:',

                contractualProduct: '合同产品:',
                productDeliveryDate: '交货期:',
                freight: '运费:',
                DeliveryPlace: '交货地点:',
                otherFreight: '其他运费:',
                Commission: '佣金:',
                equipment: '设备:',
                unitPriceExcludesTax: '单价不含税:',
                parts: '配件:',
                totalTaxFreePrice: '不含税总价:',
                service: '服务:',
                financialPaymentMethod: '付款方式:',
                netPrice: '净价:',
                taxation: '税费:',
                downPayments: '首付:',
                tailMoney: '尾款:',
                payMonthly: '月付:',
                payDate: '付款时间:',
                firstMonthlyPayment: '首次付款:',
                totalTaxIncludedPrice: '含税总价:',
                contractMaking: '合同制作人:',
                contractAudit: '合同审核人:',
                financialSignature: '财务签字:',
                date: '日期:',
                //add new
                contractNo:'合同号',
                fen:'分',
                qi:'期',
                benefit:'利息',
                indoMoeny:'印尼盾',
                xdy:'相当于',
                firstSplitPay:'第一次分期付款',
                taxFee:'税费',
                totalToPay:'共需支付',
                everyDay:'每',
                day:'日',
                month:'月',



                financeWrite: '以下部分由财务填写:',
                paymentStatus: '付款情况:',
                tailMoneyCheck: '尾款支票:',
                financeDeliveryDate: ' 发货(交货日):',
                getCheckNumber:'收到尾款支票',
                pcs:'张',
                perMonth:'每月',

                costAccounting: '成本核算COGS(IDR):',
                FOB: 'FOB',
                OF: 'OF',
                BM: 'BM',
                HD: 'HD',
                gsrossInterestRate: '毛利率:',
                apportionedCost: '分摊成本:',
                awardBase: '提奖基数:',
                paymentBonuses: '提奖金额:',
                netProfit: '净利润:',
                explain: '说明:',
                orderMaking: '制单:',
                examine: '审核:',
                finance: '财务:',
                generalManager: '总经理:',
                chiefInspector: '总监:',
                filing: '入档案:',

            };
            this.in = {
                title: 'Formulir evaluasi kontrak',
                customerBasic: 'Data Pelanggan:',
                formDate: 'Tanggal:',
                salesMan: 'Nama Sales:',
                customerName: 'Nama Pelanggan:',
                customerAddress: 'Alamat:',
                contactInformation: 'Nama&No.Kontak:',
                email: 'Email:',
                website: 'PJB No:',
                operationalInformation: 'Informasi Operasional Pelanggan:',
                operationalLocation: 'Alamat Operasional:',
                belongIndustry: 'Industri:',
                customerMainBusiness: 'Bisnis Utama Pelanggan:',
                customerProjectStatus: 'Situasi Proyek Pelanggan :',
                projectSite: 'Alamat Proyek:',
                projectDescription: 'Deskripsi Proyek:',
                operatingEquipment: 'Peralatan (alat berat) Operasional (Unit):',
                customerFinancialInformation: 'Informasi Keuangan Proyek:',
                taxCard: 'No.NPWP:',
                financialPosition: 'Kondisi Financial:',
                supplement: 'Informasi Tambahan:',
                customerAdvantage: 'Keunggulan Pelanggan:',
                customerPotential: 'Potensi Pelanggan:',

                inquiryProducts: 'Pertanyaan Atas Produk:',
                deliveryDate: 'Tanggal Pengiriman:',
                deliveryPlace: 'Alamat Pengiriman:',
                paymentMethod: 'Cara Pembayaran:',
                inquiryEquipment: 'Pertanyaan atas Unit:',
                inquiryParts: 'Pertanyaan atas Spareparts:',
                inquiryService: 'Pertanyaan atas Servis:',
                remarks: 'Komentar:',

                firstQuotation: 'Penawaran Pertama:',
                secondQuotation: 'Penawaran Kedua:',
                thirdQuotation: 'Penawaran Ketiga:',

                firstDeliveryDate: 'Tanggal Pengiriman:',
                firstDeliveryPlace: 'Alamat Pengiriman:',
                firstPaymentMethod: 'Metode Pembayaran:',
                firstInquiryEquipment: 'Pertanyaan atas Unit:',
                firstInquiryParts: 'Pertanyaan atas Spareparts:',
                firstInquiryService: 'Pertanyaan atas Servis:',
                firstQuoter: 'Yang Mengajukan Penawaran:',
                firstAuditor: 'Yang mereview:',
                firstDate: 'Tanggal:',
                firstEquipmentPrice: 'Harga:',
                firstPartsPrice: 'Harga:',
                firstServicePrice: 'Harga:',

                contractualProduct: 'Produk yang di Kontrak:',
                productDeliveryDate: 'Tanggal Pengiriman:',
                freight: 'Biaya Pengiriman:',
                DeliveryPlace: 'Alamat Pengiriman:',
                otherFreight: 'Biaya Lainnya:',
                Commission: 'Komisi:',
                equipment: 'Unit:',
                unitPriceExcludesTax: 'Harga Satuan (tidak termasuk pajak)：:',
                parts: 'Spareparts:',
                totalTaxFreePrice: 'Jumlah Harga (tidak termasuk pajak):',
                service: 'Servis:',
                financialPaymentMethod: 'Metode Pembayaran:',
                netPrice: 'Harga Bersih：:',
                taxation: 'Biaya Pajak:',
                downPayments: 'Uang Muka:',
                tailMoney: 'Pembayaran Akhir:',
                payMonthly: 'Pembayaran perbulan：:',
                payDate: 'Waktu Pembayaran:',
                firstMonthlyPayment: 'Pembayaran Cicilan:',
                totalTaxIncludedPrice: 'Total Harga (termasuk :',
                contractMaking: 'Yang membuat Kontrak:',
                contractAudit: 'Yang Mereview:',
                financialSignature: 'Tanda Tangan Finance:',
                date: 'Tanggal:',
                //add new
                contractNo:'PJB No',
                fen:'Cicilan',
                qi:'',
                benefit:'Bunga ',
                indoMoeny:'Rupiah',
                xdy:'Setara dengan',
                firstSplitPay:' Cicilan Pertama ',
                taxFee:'Biaya Pajak',
                totalToPay:'Total Pembayaran',
                everyDay:'tanggle',
                day:'day',
                month:'bulan',


                financeWrite: 'Berikut ini yang harus di isi oleh Departemen Finance:',
                paymentStatus: 'Cara Pembayaran:',
                tailMoneyCheck: 'No Cek Sisa Pembayaran',
                financeDeliveryDate: 'Pengiriman(Tanggal):',
                getCheckNumber:'Cek yang di terima ',
                pcs:'Lembar',
                perMonth:'per bulan ',

                costAccounting: 'COGS(IDR):',
                FOB: 'FOB',
                OF: 'OF',
                BM: 'BM',
                HD: 'HD',
                gsrossInterestRate: 'Laba Kotor:',
                apportionedCost: 'Biaya Kontribusi:',
                awardBase: 'Penambahan Bonus:',
                paymentBonuses: 'Jumlah Penambahan:',
                netProfit: 'Laba Bersih:',
                explain: 'Penjelasan:',
                orderMaking: 'Yang Mengajukan:',
                examine: 'Yang Mereview:',
                finance: 'Finance:',
                generalManager: 'General Manager:',
                chiefInspector: 'Direktur:',
                filing: 'Yang Menfile:',

            };

            if (this.$route.query.info) {
                this.showProcessDetail(this.$route.params.id);
                this.salesProcessId = this.$route.query.info.salesProcessId

                // console.log(this.quotationProcess)
            }

        },
        computed: {
            local() {
                return this[this.lang]
            },
        },
        methods: {
            showEdit(form) {
                this.$set(form, 'editable', true)

            },
            closeEdit(form) {
                this.$set(form, 'editable', false)
            },
            print() {
                this.$print(this.$refs.print) // 使用
            },
            addTime() {
                this.amount++;
                if (this.amount < 48) {
                    this.form.paymentStatus.push({
                        editable: false,
                        value: ''
                    })
                }
            },

            // 获取合同评价表的详细信息
            async showProcessDetail(id) {
                const {status, data} = await showProcessDetail(id);
                if (status === ERROR_OK) {
                    this.processId = data.salesProcess.id;
                    this.salesProcess = data.salesProcess;
                    this.quotationProcess = data.quotationProcess;
                    if (data.quotationProcess !== null) {
                        this.quotationProcessId = this.quotationProcess.id
                    }
                    this.paymentProcess = data.paymentProcess;
                    if (data.paymentProcess !== null) {
                        this.paymentProcessId = this.paymentProcess.id
                    }
                    this.financeDepartmentConfirm = data.financeDepartmentConfirm;
                    if (data.financeDepartmentConfirm !== null) {
                        this.financeDepartmentConfirmId = this.financeDepartmentConfirm.id
                    }
                    this.paymentList = [];
                    for (let item1 in data.salesProcess) {
                        this.salesProcess[item1] = {value: data.salesProcess[item1], editable: false}
                    }
                    for (let item2 in data.quotationProcess) {
                        this.quotationProcess[item2] = {value: data.quotationProcess[item2], editable: false}
                    }
                    for (let item3 in data.paymentProcess) {
                        this.paymentProcess[item3] = {value: data.paymentProcess[item3], editable: false}
                    }
                    for (let item4 in data.financeDepartmentConfirm) {
                        this.financeDepartmentConfirm[item4] = {
                            value: data.financeDepartmentConfirm[item4],
                            editable: false
                        }
                    }
                    if (data.paymentList !== null) {
                        for (let i = 0; i < data.paymentList.length; i++) {
                            this.paymentList.push({
                                value: data.paymentList[i].payPrice,
                                editable: false
                            })
                        }
                    }
                    if (data.paymentProcess !== null) {
                        // 分期和利息
                        if (data.paymentProcess.tailMoneyPaymentsFinancialPaymentMethod.value !== null) {
                            let itemOne = data.paymentProcess.tailMoneyPaymentsFinancialPaymentMethod.value;
                            this.form.tailMoneyPaymentsFinancialPaymentMethod.value.stage = itemOne.substring(0, itemOne.indexOf('-'));
                            this.form.tailMoneyPaymentsFinancialPaymentMethod.value.interest = itemOne.substring(itemOne.indexOf('-') + 1, itemOne.length);
                            data.paymentProcess.tailMoneyPaymentsFinancialPaymentMethod = this.form.tailMoneyPaymentsFinancialPaymentMethod
                        } else {
                            data.paymentProcess.tailMoneyPaymentsFinancialPaymentMethod = {
                                editable: false,
                                value: {
                                    stage: '',
                                    interest: ''
                                }
                            }
                        }
                        //  月付的月和日
                        if (data.paymentProcess.payDate.value !== null) {
                            let itemTwo = data.paymentProcess.payDate.value;
                            this.form.payDate.value.month = itemTwo.substring(0, itemTwo.indexOf('-'));
                            this.form.payDate.value.day = itemTwo.substring(itemTwo.indexOf('-') + 1, itemTwo.length);
                            data.paymentProcess.payDate = this.form.payDate
                        } else {
                            data.paymentProcess.payDate = {
                                editable: false,
                                value: {
                                    month: '',
                                    day: ''
                                }
                            }
                        }
                    }
                    this.form = {...this.form, ...this.salesProcess, ...this.quotationProcess, ...this.paymentProcess, ...this.financeDepartmentConfirm};
                    this.form.paymentStatus = this.paymentList
                }
            },

            async salesProcessBtn() {
                if (this.processId !== '') {
                    //  修改销售信息
                    const {status} = await updateSalesProcess({
                        submitDateStr: this.form.submitDateStr.value,
                        salesMan: this.form.salesMan.value,
                        customerName: this.form.customerName.value,
                        customerAddress: this.form.customerAddress.value,
                        contactInformation: this.form.contactInformation.value,
                        email: this.form.email.value,
                        website: this.form.website.value,
                        operationalLocation: this.form.operationalLocation.value,
                        belongIndustry: this.form.belongIndustry.value,
                        customerMainBusiness: this.form.customerMainBusiness.value,
                        projectSite: this.form.projectSite.value,
                        projectDescription: this.form.projectDescription.value,
                        operatingEquipment: this.form.operatingEquipment.value,
                        taxCard: this.form.taxCard.value,
                        financialPosition: this.form.financialPosition.value,
                        customerAdvantage: this.form.customerAdvantage.value,
                        customerPotential: this.form.customerPotential.value,
                        deliveryDateStr: this.form.deliveryDateStr.value,
                        deliveryPlace: this.form.deliveryPlace.value,
                        paymentMethod: this.form.paymentMethod.value,
                        inquiryEquipment: this.form.inquiryEquipment.value,
                        inquiryParts: this.form.inquiryParts.value,
                        inquiryService: this.form.inquiryService.value,
                        remarks: this.form.remarks.value,
                        remarksSecond: this.form.remarksSecond.value,
                        id: this.processId
                    });
                    if (status === ERROR_OK) {
                        this.$message({
                            message: '修改成功！',
                            type: 'success'
                        });
                        this.$router.push('/sales-eva/list')
                    }

                } else {
                    //  新增销售信息
                    const {status, data} = await addSalesProcess({
                        submitDateStr: this.form.submitDateStr.value,
                        salesMan: this.form.salesMan.value,
                        customerName: this.form.customerName.value,
                        customerAddress: this.form.customerAddress.value,
                        contactInformation: this.form.contactInformation.value,
                        email: this.form.email.value,
                        website: this.form.website.value,
                        operationalLocation: this.form.operationalLocation.value,
                        belongIndustry: this.form.belongIndustry.value,
                        customerMainBusiness: this.form.customerMainBusiness.value,
                        projectSite: this.form.projectSite.value,
                        projectDescription: this.form.projectDescription.value,
                        operatingEquipment: this.form.operatingEquipment.value,
                        taxCard: this.form.taxCard.value,
                        financialPosition: this.form.financialPosition.value,
                        customerAdvantage: this.form.customerAdvantage.value,
                        customerPotential: this.form.customerPotential.value,
                        deliveryDateStr: this.form.deliveryDateStr.value,
                        deliveryPlace: this.form.deliveryPlace.value,
                        paymentMethod: this.form.paymentMethod.value,
                        inquiryEquipment: this.form.inquiryEquipment.value,
                        inquiryParts: this.form.inquiryParts.value,
                        inquiryService: this.form.inquiryService.value,
                        remarks: this.form.remarks.value,
                        remarksSecond: this.form.remarksSecond.value
                    });
                    if (status === ERROR_OK) {
                        this.$message({
                            message: '添加成功！',
                            type: 'success'
                        });
                        this.id = data;
                        this.$router.push('/sales-eva/list')
                    }
                }
            },

            //  新增报价信息
            async addQuotationProcessBtn(id) {
                const {status} = await addQuotationProcess({
                    firstDeliveryDateStr: this.form.firstDeliveryDateStr.value,
                    firstDeliveryPlace: this.form.firstDeliveryPlace.value,
                    firstPaymentMethod: this.form.firstPaymentMethod.value,
                    firstInquiryEquipment: this.form.firstInquiryEquipment.value,
                    firstInquiryParts: this.form.firstInquiryParts.value,
                    firstInquiryService: this.form.firstInquiryService.value,
                    firstQuoter: this.form.firstQuoter.value,
                    firstAuditor: this.form.firstAuditor.value,
                    firstDateStr: this.form.firstDateStr.value,
                    firstEquipmentPrice: this.form.firstEquipmentPrice.value,
                    firstPartsPrice: this.form.firstPartsPrice.value,
                    firstServicePrice: this.form.firstServicePrice.value,
                    firstRemarks: this.form.firstRemarks.value,
                    secondDeliveryDateStr: this.form.secondDeliveryDateStr.value,
                    secondDeliveryPlace: this.form.secondDeliveryPlace.value,
                    secondPaymentMethod: this.form.secondPaymentMethod.value,
                    secondInquiryEquipment: this.form.secondInquiryEquipment.value,
                    secondInquiryParts: this.form.secondInquiryParts.value,
                    secondInquiryService: this.form.secondInquiryService.value,
                    secondQuoter: this.form.secondQuoter.value,
                    secondAuditor: this.form.secondAuditor.value,
                    secondDateStr: this.form.secondDateStr.value,
                    secondEquipmentPrice: this.form.secondEquipmentPrice.value,
                    secondPartsPrice: this.form.secondPartsPrice.value,
                    secondServicePrice: this.form.secondServicePrice.value,
                    secondRemarks: this.form.secondRemarks.value,
                    thirdDeliveryDateStr: this.form.thirdDeliveryDateStr.value,
                    thirdDeliveryPlace: this.form.thirdDeliveryPlace.value,
                    thirdPaymentMethod: this.form.thirdPaymentMethod.value,
                    thirdInquiryEquipment: this.form.thirdInquiryEquipment.value,
                    thirdInquiryParts: this.form.thirdInquiryParts.value,
                    thirdInquiryService: this.form.thirdInquiryService.value,
                    thirdQuoter: this.form.thirdQuoter.value,
                    thirdAuditor: this.form.thirdAuditor.value,
                    thirdDateStr: this.form.thirdDateStr.value,
                    thirdEquipmentPrice: this.form.thirdEquipmentPrice.value,
                    thirdPartsPrice: this.form.thirdPartsPrice.value,
                    thirdServicePrice: this.form.thirdServicePrice.value,
                    thirdRemarks: this.form.thirdRemarks.value,
                    salesProcessId: id
                });
                if (status === ERROR_OK) {
                    this.$message({
                        message: '添加成功！',
                        type: 'success'
                    });
                    this.$router.push('/sales-eva/list')
                }

            },
            async quotationProcessBtn() {
                if (this.processId !== '') {
                    if (this.quotationProcessId === '') {
                        this.addQuotationProcessBtn(this.processId)
                    } else {
                        //  修改报价信息
                        const {status} = await updateQuotationProcess({
                            firstDeliveryDateStr: this.form.firstDeliveryDateStr.value,
                            firstDeliveryPlace: this.form.firstDeliveryPlace.value,
                            firstPaymentMethod: this.form.firstPaymentMethod.value,
                            firstInquiryEquipment: this.form.firstInquiryEquipment.value,
                            firstInquiryParts: this.form.firstInquiryParts.value,
                            firstInquiryService: this.form.firstInquiryService.value,
                            firstQuoter: this.form.firstQuoter.value,
                            firstAuditor: this.form.firstAuditor.value,
                            firstDateStr: this.form.firstDateStr.value,
                            firstEquipmentPrice: this.form.firstEquipmentPrice.value,
                            firstPartsPrice: this.form.firstPartsPrice.value,
                            firstServicePrice: this.form.firstServicePrice.value,
                            firstRemarks: this.form.firstRemarks.value,
                            secondDeliveryDateStr: this.form.secondDeliveryDateStr.value,
                            secondDeliveryPlace: this.form.secondDeliveryPlace.value,
                            secondPaymentMethod: this.form.secondPaymentMethod.value,
                            secondInquiryEquipment: this.form.secondInquiryEquipment.value,
                            secondInquiryParts: this.form.secondInquiryParts.value,
                            secondInquiryService: this.form.secondInquiryService.value,
                            secondQuoter: this.form.secondQuoter.value,
                            secondAuditor: this.form.secondAuditor.value,
                            secondDateStr: this.form.secondDateStr.value,
                            secondEquipmentPrice: this.form.secondEquipmentPrice.value,
                            secondPartsPrice: this.form.secondPartsPrice.value,
                            secondServicePrice: this.form.secondServicePrice.value,
                            secondRemarks: this.form.secondRemarks.value,
                            thirdDeliveryDateStr: this.form.thirdDeliveryDateStr.value,
                            thirdDeliveryPlace: this.form.thirdDeliveryPlace.value,
                            thirdPaymentMethod: this.form.thirdPaymentMethod.value,
                            thirdInquiryEquipment: this.form.thirdInquiryEquipment.value,
                            thirdInquiryParts: this.form.thirdInquiryParts.value,
                            thirdInquiryService: this.form.thirdInquiryService.value,
                            thirdQuoter: this.form.thirdQuoter.value,
                            thirdAuditor: this.form.thirdAuditor.value,
                            thirdDateStr: this.form.thirdDateStr.value,
                            thirdEquipmentPrice: this.form.thirdEquipmentPrice.value,
                            thirdPartsPrice: this.form.thirdPartsPrice.value,
                            thirdServicePrice: this.form.thirdServicePrice.value,
                            thirdRemarks: this.form.thirdRemarks.value,
                            salesProcessId: this.salesProcessId,
                            id: this.quotationProcessId
                        });
                        if (status === ERROR_OK) {
                            this.$message({
                                message: '修改成功！',
                                type: 'success'
                            });
                            this.$router.push('/sales-eva/list')
                        }
                    }
                } else {
                    this.addQuotationProcessBtn(this.id)
                }
            },


            //  新增支付信息
            async addPaymentProcessBtn(id) {
                const {status} = await addPaymentProcess({
                    contractualProduct: this.form.contractualProduct.value,
                    productDeliveryDateStr: this.form.productDeliveryDateStr.value,
                    freight: this.form.freight.value,
                    DeliveryPlace: this.form.DeliveryPlace.value,
                    otherFreight: this.form.otherFreight.value,
                    Commission: this.form.Commission.value,
                    equipment: this.form.equipment.value,
                    unitPriceExcludesTax: this.form.unitPriceExcludesTax.value,
                    parts: this.form.parts.value,
                    totalTaxFreePrice: this.form.totalTaxFreePrice.value,
                    service: this.form.service.value,
                    serviceTotalTaxFreePrice: this.form.serviceTotalTaxFreePrice.value,
                    netPrice: this.form.netPrice.value,
                    netPriceFinancialPaymentMethod: this.form.netPriceFinancialPaymentMethod.value,
                    taxation: this.form.taxation.value,
                    taxationFinancialPaymentMethod: this.form.taxationFinancialPaymentMethod.value,
                    downPayments: this.form.downPayments.value,
                    downPaymentsFinancialPaymentMethod: this.form.downPaymentsFinancialPaymentMethod.value,
                    tailMoney: this.form.tailMoney.value,
                    tailMoneyPaymentsFinancialPaymentMethod: this.form.tailMoneyPaymentsFinancialPaymentMethod.value.stage + '-' + this.form.tailMoneyPaymentsFinancialPaymentMethod.value.interest,
                    payMonthly: this.form.payMonthly.value,
                    payDate: this.form.payDate.value.month + '-' + this.form.payDate.value.day,
                    firstMonthlyPayment: this.form.firstMonthlyPayment.value,
                    payMonthlyIN: this.form.payMonthlyIn.value,
                    totalTaxIncludedPrice: this.form.totalTaxIncludedPrice.value,
                    contractNo:this.form.contractNo.value,
                    contractMaking: this.form.contractMaking.value,
                    contractMakingDateStr: this.form.contractMakingDateStr.value,
                    contractAudit: this.form.contractAudit.value,
                    contractAuditDateStr: this.form.contractAuditDateStr.value,
                    financialSignature: this.form.financialSignature.value,
                    financialSignatureDateStr: this.form.financialSignatureDateStr.value,
                    salesProcessId: id
                });
                if (status === ERROR_OK) {
                    this.$message({
                        message: '添加成功！',
                        type: 'success'
                    });
                    this.$router.push('/sales-eva/list')
                } else {
                    this.$message.error('Server Side Not Work Correctly,Please Try again or contact the admin for help');
                }
            },
            async paymentProcessBtn() {
                if (this.processId !== '') {
                    if (this.paymentProcessId === '') {
                        this.addPaymentProcessBtn(this.processId)
                    } else {
                        //  修改支付信息
                        const {status} = await updatePaymentProcess({
                            contractualProduct: this.form.contractualProduct.value,
                            productDeliveryDateStr: this.form.productDeliveryDateStr.value,
                            freight: this.form.freight.value,
                            DeliveryPlace: this.form.DeliveryPlace.value,
                            otherFreight: this.form.otherFreight.value,
                            Commission: this.form.Commission.value,
                            equipment: this.form.equipment.value,
                            unitPriceExcludesTax: this.form.unitPriceExcludesTax.value,
                            parts: this.form.parts.value,
                            totalTaxFreePrice: this.form.totalTaxFreePrice.value,
                            service: this.form.service.value,
                            serviceTotalTaxFreePrice: this.form.serviceTotalTaxFreePrice.value,
                            netPrice: this.form.netPrice.value,
                            netPriceFinancialPaymentMethod: this.form.netPriceFinancialPaymentMethod.value,
                            taxation: this.form.taxation.value,
                            taxationFinancialPaymentMethod: this.form.taxationFinancialPaymentMethod.value,
                            downPayments: this.form.downPayments.value,
                            downPaymentsFinancialPaymentMethod: this.form.downPaymentsFinancialPaymentMethod.value,
                            tailMoney: this.form.tailMoney.value,
                            tailMoneyPaymentsFinancialPaymentMethod: this.form.tailMoneyPaymentsFinancialPaymentMethod.value.stage + '-' + this.form.tailMoneyPaymentsFinancialPaymentMethod.value.interest,
                            payMonthly: this.form.payMonthly.value,
                            payDate: this.form.payDate.value.month + '-' + this.form.payDate.value.day,
                            firstMonthlyPayment: this.form.firstMonthlyPayment.value,
                            payMonthlyIN: this.form.payMonthlyIn.value,
                            totalTaxIncludedPrice: this.form.totalTaxIncludedPrice.value,
                            contractNo:this.form.contractNo.value,
                            contractMaking: this.form.contractMaking.value,
                            contractMakingDateStr: this.form.contractMakingDateStr.value,
                            contractAudit: this.form.contractAudit.value,
                            contractAuditDateStr: this.form.contractAuditDateStr.value,
                            financialSignature: this.form.financialSignature.value,
                            financialSignatureDateStr: this.form.financialSignatureDateStr.value,
                            salesProcessId: this.salesProcessId,
                            id: this.paymentProcessId
                        });
                        if (status === ERROR_OK) {
                            this.$message({
                                message: '修改成功！',
                                type: 'success'
                            });
                            this.$router.push('/sales-eva/list')
                        } else {
                            this.$message.error('Server Side Not Work Correctly,Please Try again or contact the admin for help');
                        }
                    }

                } else {
                    this.addPaymentProcessBtn(this.id)
                }
            },

            // 新增财务确认信息
            async addFinanceConfirmBtn(id) {
                const paymentStatus = [];
                for (let i = 0; i < this.form.paymentStatus.length; i++) {
                    paymentStatus.push(this.form.paymentStatus[i].value)
                }
                const {status} = await addFinanceDepartmentConfirm({
                    financeDownPayments: this.form.financeDownPayments.value,
                    financeDownPaymentsDateStr: this.form.financeDownPaymentsDateStr.value,
                    financeTailMoney: this.form.financeTailMoney.value,
                    financeTailMoneyDateStr: this.form.financeTailMoneyDateStr.value,
                    tailMoneyCheck: this.form.tailMoneyCheck.value,
                    tailMoneyCheckDate: this.form.tailMoneyCheckDate.value,
                    paymentStatus: JSON.stringify([...paymentStatus]),
                    financeDeliveryDateStr: this.form.financeDeliveryDateStr.value,
                    costAccounting: '111',
                    fob: this.form.fob.value,
                    of: this.form.of.value,
                    bm: this.form.bm.value,
                    hd: this.form.hd.value,
                    totalCost: this.form.totalCost.value,
                    gsrossInterestRateTop: this.form.gsrossInterestRateTop.value,
                    gsrossInterestRateBottom: this.form.gsrossInterestRateBottom.value,
                    gsrossInterestRate: this.form.gsrossInterestRate.value,
                    apportionedCost: this.form.apportionedCost.value,
                    awardBase: this.form.awardBase.value,
                    paymentBonuses: this.form.paymentBonuses.value,
                    netProfitOne: this.form.netProfitOne.value,
                    netProfitTwo: this.form.netProfitTwo.value,
                    netProfitThree: this.form.netProfitThree.value,
                    netProfitFour: this.form.netProfitFour.value,
                    netProfit: this.form.netProfit.value,
                    explainDetail: this.form.explainDetail.value,
                    orderMaking: this.form.orderMaking.value,
                    examine: this.form.examine.value,
                    finance: this.form.finance.value,
                    generalManager: this.form.generalManager.value,
                    chiefInspector: this.form.chiefInspector.value,
                    filling: this.form.filling.value,
                    orderMakingDateStr: this.form.orderMakingDateStr.value,
                    examineDateStr: this.form.examineDateStr.value,
                    financeDateStr: this.form.financeDateStr.value,
                    generalManagerDateStr: this.form.generalManagerDateStr.value,
                    chiefInspectorDateStr: this.form.chiefInspectorDateStr.value,
                    filingDateStr: this.form.filingDateStr.value,
                    salesProcessId: id
                });
                if (status === ERROR_OK) {
                    this.$message({
                        message: '添加成功！',
                        type: 'success'
                    });
                    this.$router.push('/sales-eva/list')
                } else {
                    this.$message.error('Server Side Not Work Correctly,Please Try again or contact the admin for help');
                }

            },
            async financeConfirmBtn() {
                if (this.processId !== '') {
                    if (this.financeDepartmentConfirmId === '') {
                        this.addFinanceConfirmBtn(this.processId)
                    } else {
                        // 修改财务确认信息
                        const paymentStatus = [];
                        for (let i = 0; i < this.form.paymentStatus.length; i++) {
                            paymentStatus.push(this.form.paymentStatus[i].value)
                        }
                        const {status} = await updateFinanceDepartmentConfirm({
                            financeDownPayments: this.form.financeDownPayments.value,
                            financeDownPaymentsDateStr: this.form.financeDownPaymentsDateStr.value,
                            financeTailMoney: this.form.financeTailMoney.value,
                            financeTailMoneyDateStr: this.form.financeTailMoneyDateStr.value,
                            tailMoneyCheck: this.form.tailMoneyCheck.value,
                            tailMoneyCheckDate: this.form.tailMoneyCheckDate.value,
                            paymentStatus: JSON.stringify([...paymentStatus]),
                            financeDeliveryDateStr: this.form.financeDeliveryDateStr.value,
                            costAccounting: '111',
                            fob: this.form.fob.value,
                            of: this.form.of.value,
                            bm: this.form.bm.value,
                            hd: this.form.hd.value,
                            totalCost: this.form.totalCost.value,
                            gsrossInterestRateTop: this.form.gsrossInterestRateTop.value,
                            gsrossInterestRateBottom: this.form.gsrossInterestRateBottom.value,
                            gsrossInterestRate: this.form.gsrossInterestRate.value,
                            apportionedCost: this.form.apportionedCost.value,
                            awardBase: this.form.awardBase.value,
                            paymentBonuses: this.form.paymentBonuses.value,
                            netProfitOne: this.form.netProfitOne.value,
                            netProfitTwo: this.form.netProfitTwo.value,
                            netProfitThree: this.form.netProfitThree.value,
                            netProfitFour: this.form.netProfitFour.value,
                            netProfit: this.form.netProfit.value,
                            explainDetail: this.form.explainDetail.value,
                            orderMaking: this.form.orderMaking.value,
                            examine: this.form.examine.value,
                            finance: this.form.finance.value,
                            generalManager: this.form.generalManager.value,
                            chiefInspector: this.form.chiefInspector.value,
                            filling: this.form.filling.value,
                            orderMakingDateStr: this.form.orderMakingDateStr.value,
                            examineDateStr: this.form.examineDateStr.value,
                            financeDateStr: this.form.financeDateStr.value,
                            generalManagerDateStr: this.form.generalManagerDateStr.value,
                            chiefInspectorDateStr: this.form.chiefInspectorDateStr.value,
                            filingDateStr: this.form.filingDateStr.value,
                            salesProcessId: this.salesProcessId,
                            id: this.financeDepartmentConfirmId
                        });
                        if (status === ERROR_OK) {
                            this.$message({
                                message: '修改成功！',
                                type: 'success'
                            });
                            this.$router.push('/sales-eva/list')
                        } else {
                            this.$message.error('Server Side Not Work Correctly,Please Try again or contact the admin for help');
                        }

                    }

                } else {
                    this.addFinanceConfirmBtn(this.id)
                }

            }


        },
    }
</script>

<style scoped lang="scss">
    .content {
        width: 1500px;
        border: 1px dashed #ddd;
        .print-content {
            width: 210mm;
            height: 297mm;
            border: 1px solid #ddd;
            .title {
                text-align: center;
                margin: 0;
                font-weight: 400;
            }
            .table {
                margin: 5px;
                border: 1.5px solid #2c3e50;
                font-size: 11px;
                .table-title {
                    background: lightgoldenrodyellow;
                    border-bottom: 1px solid #000;
                }
                .flex {
                    display: flex;
                }
                .f1 {
                    flex: 1;
                }
                .f2 {
                    flex: 2;
                }
                .f3 {
                    flex: 2.5;
                }
                .f5 {
                    flex: 5;
                }
                .f1_5 {
                    flex: 1.5;
                }
                .f6 {
                    flex: 2.3
                }
                .f0_5 {
                    flex: 0.5;
                }
                .f1_5 {
                    flex: 1.5;
                }
                .f3_7 {
                    flex: 3;
                }

                .w2 {
                    height: 32px;
                    line-height: 16px;
                }
                .w3 {
                    height: 100px;
                    line-height: 50px;
                }
                .w4 {
                    height: 80px;
                    line-height: 40px;
                }
                .w5 {

                    height: 60px;
                    line-height: 30px;
                }
                .w6 {
                    height: 98px;
                    line-height: 49px;
                }
                .w7 {
                    height: 64px;
                    line-height: 32px;
                }
                .w8 {
                    height: 263px;
                    line-height: 131px;
                }
                .br {
                    border-right: 1px solid #000;
                }
                .bt {
                    border-top: 1px solid #000
                }

                .lf {
                    flex: 12;
                }

                .rgt {
                    flex: 4;
                }
                .lf1 {
                    flex: 2;
                }
                .lf2 {

                }

                .txtCenter {
                    text-align: center;
                }

                .bg1 {
                    background-color: lightsteelblue;
                }
                .bg2 {
                    background-color: wheat;
                }
                .bg3 {
                    background-color: pink;
                }
                .btnAdd {
                    position: absolute;
                    bottom: 0;
                    left: 1px;
                }
            }
        }
    }

    @page {
        size: A4;
        margin: 0;
    }

    @media print {
        html, body {
            width: 210mm;
            height: 297mm;
        }
        .btnAdd {
            display: none;
        }
        button{
            display: none;
        }
        .print-content {
            width: 210mm;
            height: 297mm;
            .title {
                text-align: center;
                margin: 0;
                font-weight: 400;
            }
            .table {
                margin: 5px;
                border: 1.5px solid #2c3e50;
                font-size: 11px;
                .table-title {
                    background: lightgoldenrodyellow;
                    border-bottom: 1px solid #000;
                }
                .flex {
                    display: flex;
                }
                .f1 {
                    flex: 1;
                }
                .f2 {
                    flex: 2;
                }
                .f3 {
                    flex: 2.5;
                }
                .f5 {
                    flex: 5;
                }
                .f1_5 {
                    flex: 1.5;
                }
                .f6 {
                    flex: 2.3
                }
                .f0_5 {
                    flex: 0.5;
                }
                .f1_5 {
                    flex: 1.5;
                }
                .f3_7 {
                    flex: 3;
                }

                .w2 {
                    height: 32px;
                    line-height: 16px;
                }
                .w3 {
                    height: 100px;
                    line-height: 50px;
                }
                .w4 {
                    height: 80px;
                    line-height: 40px;
                }
                .w5 {

                    height: 60px;
                    line-height: 30px;
                }
                .w6 {
                    height: 98px;
                    line-height: 49px;
                }
                .w7 {
                    height: 64px;
                    line-height: 32px;
                }
                .w8 {
                    height: 263px;
                    line-height: 131px;
                }
                .br {
                    border-right: 1px solid #000;
                }
                .bt {
                    border-top: 1px solid #000
                }

                .lf {
                    flex: 12;
                }

                .rgt {
                    flex: 4;
                }
                .lf1 {
                    flex: 2;
                }
                .lf2 {

                }

                .txtCenter {
                    text-align: center;
                }

                .bg1 {
                    background-color: lightsteelblue;
                }
                .bg2 {
                    background-color: wheat;
                }
                .bg3 {
                    background-color: pink;
                }
            }
        }
    }
</style>